From fe7a9db56d8062ffd5e3e86576e781dbba3b3ece Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 23 Nov 2023 11:16:33 +0800
Subject: [PATCH] 优化表单只读模式显示
---
forms/datePicker/cDatePicker.scss | 26 ++++++++
forms/select/cSelect.scss | 26 ++++++++
forms/switch/cSwitch.scss | 26 ++++++++
forms/input/CInputScanCode.scss | 26 ++++++++
forms/input/cInput.scss | 26 ++++++++
5 files changed, 130 insertions(+), 0 deletions(-)
diff --git a/forms/datePicker/cDatePicker.scss b/forms/datePicker/cDatePicker.scss
index b9b1208..2ce4b2d 100644
--- a/forms/datePicker/cDatePicker.scss
+++ b/forms/datePicker/cDatePicker.scss
@@ -9,6 +9,32 @@
&.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__input {
.weui-input {
diff --git a/forms/input/CInputScanCode.scss b/forms/input/CInputScanCode.scss
index a3396ce..be20040 100644
--- a/forms/input/CInputScanCode.scss
+++ b/forms/input/CInputScanCode.scss
@@ -9,6 +9,32 @@
&.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);
+ }
+ }
}
.c-input-scan-space {
width: 140px;
diff --git a/forms/input/cInput.scss b/forms/input/cInput.scss
index bc2de60..f779499 100644
--- a/forms/input/cInput.scss
+++ b/forms/input/cInput.scss
@@ -9,6 +9,32 @@
&.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__icon {
display: none;
diff --git a/forms/select/cSelect.scss b/forms/select/cSelect.scss
index aceda8e..f84e71d 100644
--- a/forms/select/cSelect.scss
+++ b/forms/select/cSelect.scss
@@ -9,6 +9,32 @@
&.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__input {
.weui-input {
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index 8d0d6ec..93dd0ae 100644
--- a/forms/switch/cSwitch.scss
+++ b/forms/switch/cSwitch.scss
@@ -15,6 +15,32 @@
.at-switch__container {
background-color: transparent;
}
+ .at-switch__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-switch__title {
font-size: 36px;
--
Gitblit v1.9.1