From c40e7ce5519f6caa14dc11c13612f37d7b914646 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Tue, 04 Mar 2025 18:24:03 +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