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/switch/cSwitch.scss | 32 +++++++++++++++++++++++++++++---
1 files changed, 29 insertions(+), 3 deletions(-)
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index 0224cd5..93dd0ae 100644
--- a/forms/switch/cSwitch.scss
+++ b/forms/switch/cSwitch.scss
@@ -8,12 +8,38 @@
.c-switch {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
.at-switch {
background-color: transparent;
}
.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 {
@@ -56,7 +82,7 @@
}
.c-switch-radio-item {
display: inline-block;
- padding-left: 18px;
+ padding-left: 24px;
}
.c-switch-radio-icon {
@include flexbox(inline, center center);
@@ -90,7 +116,7 @@
padding-right: 0;
.c-switch-radio-item {
padding-left: 0;
- padding-right: 22px;
+ padding-right: 24px;
}
}
}
--
Gitblit v1.9.1