From 0a775d67b17400de3bbac4767d5ea25e6f0d14f9 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 06 二月 2023 15:15:00 +0800 Subject: [PATCH] 2023-02-06 --- src/menu/components/card/cardcellcomponent/dragaction/index.scss | 158 ++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 138 insertions(+), 20 deletions(-) diff --git a/src/menu/components/card/cardcellcomponent/dragaction/index.scss b/src/menu/components/card/cardcellcomponent/dragaction/index.scss index 7896580..a101adb 100644 --- a/src/menu/components/card/cardcellcomponent/dragaction/index.scss +++ b/src/menu/components/card/cardcellcomponent/dragaction/index.scss @@ -1,32 +1,150 @@ .card-detail-row { - .ant-slider-track { - height: 7px; + line-height: 1.5; + .ant-mk-text { + font-style: inherit; + font-weight: inherit; + text-decoration: inherit; } - .ant-slider-rail { - height: 7px; + .ant-mk-text:not(.line1):not(.line) { + word-break: break-word; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; } - .cyan { - .ant-slider-track { - background-color: #13C2C2; + .line1 { + overflow: hidden; + word-break: break-word; + white-space: nowrap; + text-overflow: ellipsis; + } + .line2 { + -webkit-line-clamp: 2; + } + .line3 { + -webkit-line-clamp: 3; + } + .line4 { + -webkit-line-clamp: 4; + } + .line5 { + -webkit-line-clamp: 5; + } + .line6 { + -webkit-line-clamp: 6; + } + .line7 { + -webkit-line-clamp: 7; + } + .line8 { + -webkit-line-clamp: 8; + } + .line9 { + -webkit-line-clamp: 9; + } + .line10 { + -webkit-line-clamp: 10; + } + .ant-mk-slider { + box-sizing: border-box; + margin: 0; + color: rgba(0, 0, 0, 0.65); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5; + list-style: none; + font-feature-settings: 'tnum', "tnum"; + position: relative; + height: 12px; + padding: 3px 0; + cursor: pointer; + touch-action: none; + + .ant-mk-slider-track { + height: 7px; + position: absolute; + background-color: #91d5ff; + border-radius: 4px; + transition: background-color 0.3s; } - .ant-slider-handle { - border-color: #13C2C2; + .ant-mk-slider-rail { + height: 7px; + position: absolute; + width: 100%; + background-color: #f5f5f5; + border-radius: 2px; + transition: background-color 0.3s; + } + .ant-mk-slider-handle { + position: absolute; + width: 14px; + height: 14px; + margin-top: -4px; + margin-left: -7px; + background-color: #fff; + border: solid 2px #91d5ff; + border-radius: 50%; + cursor: pointer; + transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } } - .orange { - .ant-slider-track { - background-color: orange; - } - .ant-slider-handle { - border-color: lightsalmon; + .ant-mk-splitline { + border-top: 1px solid; + border-bottom: 0; + border-left: 0; + border-right: 0; + } + .ant-mk-check { + white-space: nowrap; + overflow: hidden; + word-break: break-word; + text-overflow: ellipsis; + font-weight: inherit; + font-style: inherit; + .ant-checkbox-wrapper { + font-weight: inherit; + font-size: inherit; + font-style: inherit; + color: inherit; + span { + font-weight: inherit; + } } } - .primary { - .ant-slider-track { - background-color: #1890ff; + .ant-mk-picture { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + } + .ant-mk-icon { + vertical-align: top; + line-height: inherit; + color: inherit; + } + .ant-switch-large { + min-width: 60px; + height: 30px; + line-height: 28px; + + .ant-switch-inner { + margin-right: 5px; + margin-left: 30px; + font-size: 16px; } - .ant-slider-handle { - border-color: #91d5ff; + } + .ant-switch-large.ant-switch-checked { + .ant-switch-inner { + margin-right: 30px; + margin-left: 5px; } } + .ant-switch-large::after { + width: 26px; + height: 26px; + } + + .card-cell > div { + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + } } \ No newline at end of file -- Gitblit v1.8.0