From 7fa67d91bfedaa79bc62b08a7d3cbe2d0bee815b Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 03 Apr 2023 09:48:11 +0800
Subject: [PATCH] 完善列表卡片公共组件
---
forms/switch/cSwitch.scss | 28 +++++++++++++++++++++++++++-
1 files changed, 27 insertions(+), 1 deletions(-)
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index 91db6ff..0224cd5 100644
--- a/forms/switch/cSwitch.scss
+++ b/forms/switch/cSwitch.scss
@@ -6,6 +6,16 @@
@import "../../common/sassMixin";
.c-switch {
+ &.read-only {
+ pointer-events: none;
+ background-color: #fafafa;
+ .at-switch {
+ background-color: transparent;
+ }
+ .at-switch__container {
+ background-color: transparent;
+ }
+ }
.at-switch__title {
font-size: 36px;
}
@@ -46,13 +56,14 @@
}
.c-switch-radio-item {
display: inline-block;
- padding-left: 8px;
+ padding-left: 18px;
}
.c-switch-radio-icon {
@include flexbox(inline, center center);
width: 48px;
min-width: 48px;
height: 48px;
+ vertical-align: middle;
color: transparent;
font-size: 32px;
line-height: 1;
@@ -67,5 +78,20 @@
background-color: #2093df;
}
}
+ .c-switch-radio-label {
+ display: inline-block;
+ vertical-align: middle;
+ padding-left: 6px;
+ }
+ }
+ &.c-switch-radio-left {
+ .c-switch-radio-group {
+ width: calc(100% - 214px);
+ padding-right: 0;
+ .c-switch-radio-item {
+ padding-left: 0;
+ padding-right: 22px;
+ }
+ }
}
}
\ No newline at end of file
--
Gitblit v1.9.1