From 93c10ced7a82fa1a764a52fac99594699bd7a54f Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 02 Jul 2024 10:48:28 +0800
Subject: [PATCH] 优化请求提示
---
forms/switch/cSwitch.scss | 50 +++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 41 insertions(+), 9 deletions(-)
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index 8d0d6ec..3288c4c 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;
@@ -43,20 +69,25 @@
}
&.c-switch-radio {
position: relative;
+ .at-switch {
+ padding-top: 18px;
+ padding-bottom: 18px;
+ }
.at-switch__title {
- flex: 4;
+ flex: unset;
+ width: 162px;
+ margin-right: 20px;
}
.at-switch__container {
- visibility: hidden;
+ display: none;
}
.c-switch-radio-group {
- @include position(absolute, 50% n n 0);
- padding: 24px 32px 24px 0;
- transform: translateY(-50%);
+ @include flexbox(flex, flex-end center, n wrap);
+ flex: 1;
}
.c-switch-radio-item {
- display: inline-block;
- padding-left: 24px;
+ @include flexbox(flex, flex-start center);
+ padding: 6px 0 6px 26px;
}
.c-switch-radio-icon {
@include flexbox(inline, center center);
@@ -80,13 +111,14 @@
}
.c-switch-radio-label {
display: inline-block;
- vertical-align: middle;
padding-left: 6px;
+ vertical-align: middle;
+ white-space: pre-wrap;
}
}
&.c-switch-radio-left {
.c-switch-radio-group {
- width: calc(100% - 214px);
+ @include flexbox(flex, flex-start center, n wrap);
padding-right: 0;
.c-switch-radio-item {
padding-left: 0;
--
Gitblit v1.9.1