From 4d10bda529a7609b9889e52df771075aff9901d7 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Fri, 10 May 2024 18:33:36 +0800
Subject: [PATCH] 文本域组件，支持只读模式
---
forms/textarea/CTextArea.vue | 10 +++++++++-
forms/textarea/cTextArea.scss | 30 ++++++++++++++++++++++++++++++
2 files changed, 39 insertions(+), 1 deletions(-)
diff --git a/forms/textarea/CTextArea.vue b/forms/textarea/CTextArea.vue
index 03b27e6..b6aec4b 100644
--- a/forms/textarea/CTextArea.vue
+++ b/forms/textarea/CTextArea.vue
@@ -4,7 +4,10 @@
*/
<template>
- <view class="c-textarea">
+ <view
+ class="c-textarea"
+ :class="readOnly?'read-only':''"
+ >
<AtInput
ref="input"
:name="itemRes.name"
@@ -47,6 +50,11 @@
},
// 文本雨输入区行数
rows: Number,
+ // 只读模式
+ readOnly: {
+ type: Boolean,
+ default: false,
+ },
// 占位提示
placeholder: String,
},
diff --git a/forms/textarea/cTextArea.scss b/forms/textarea/cTextArea.scss
index a1457d9..b285e3d 100644
--- a/forms/textarea/cTextArea.scss
+++ b/forms/textarea/cTextArea.scss
@@ -6,6 +6,36 @@
@import "../../common/sassMixin";
.c-textarea {
+ &.read-only {
+ pointer-events: none;
+ background-color: #f6f6f6;
+ .at-input__title {
+ &::before {
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: -23px;
+ width: 12px;
+ height: 12px;
+ content: " ";
+ border: #777 1PX solid;
+ border-radius: 50%;
+ transform: translateY(-50%);
+ }
+ &::after {
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: -23px;
+ width: 14px;
+ height: 0px;
+ margin-top: 0px;
+ content: " ";
+ border-bottom: #777 1PX solid;
+ transform: rotate(-45deg);
+ }
+ }
+ }
.at-input__container {
.weui-input,
input {
--
Gitblit v1.9.1