From a6be5cfd9c6fb084af584b77f79100fe32b385c1 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 30 十一月 2023 16:20:54 +0800 Subject: [PATCH] 2023-11-30 --- src/tabviews/custom/components/card/cardcellList/index.scss | 433 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 433 insertions(+), 0 deletions(-) diff --git a/src/tabviews/custom/components/card/cardcellList/index.scss b/src/tabviews/custom/components/card/cardcellList/index.scss index e69de29..fbd7791 100644 --- a/src/tabviews/custom/components/card/cardcellList/index.scss +++ b/src/tabviews/custom/components/card/cardcellList/index.scss @@ -0,0 +1,433 @@ + +.card-cell-list { + position: relative; + line-height: 1.5; + + .ant-btn { + padding: 0; + } + .file-image { + max-height: 100%; + vertical-align: top; + margin-right: 2px; + } + .ant-typography { + margin: 0; + padding: 0; + font-style: inherit; + font-weight: inherit; + text-decoration: inherit; + color: inherit; + .anticon-copy { + color: var(--mk-sys-color); + } + } + .ant-mk-text { + font-style: inherit; + font-weight: inherit; + text-decoration: inherit; + .sequence-wrap { + display: inline-block; + width: 21px; + height: 21px; + line-height: 21px; + white-space: nowrap; + border-radius: 50%; + overflow: visible; + text-align: center; + } + span { + text-indent: 0px; + font-style: inherit; + font-weight: inherit; + text-decoration: inherit; + } + } + .ant-mk-text:not(.line1):not(.line) { + word-break: break-word; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + } + .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-col:not(.mk-cell-btn) > div { + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + } + .mk-cell-btn { + min-height: 0px; + > div {width: 100%;max-width: 100%;} + button:not(.ant-switch) { + width: 100%; + max-width: 100%; + height: auto; + min-height: 28px; + padding: 0; + overflow: hidden; + } + .ant-checkbox-wrapper:not(.square) { + .ant-checkbox-inner, .ant-checkbox-checked::after { + border-radius: 15px; + } + } + .ant-checkbox-inner { + border-color: #b8b8b8; + } + } + .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; + touch-action: none; + + .ant-mk-slider-track { + height: 7px; + position: absolute; + background-color: #91d5ff; + border-radius: 4px; + transition: background-color 0.3s; + } + .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%; + 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); + } + } + .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-style: inherit; + .ant-checkbox-wrapper { + font-weight: inherit; + font-size: inherit; + font-style: inherit; + color: inherit; + span { + font-weight: inherit; + } + } + } + .ant-mk-icon { + vertical-align: top; + line-height: inherit; + } + .ant-mk-color { + overflow: hidden; + } + .ant-switch-large { + min-width: 60px; + height: 30px; + line-height: 28px; + + .ant-switch-inner { + margin-right: 5px; + margin-left: 30px; + font-size: 16px; + } + } + .ant-switch-large.ant-switch-checked { + .ant-switch-inner { + margin-right: 30px; + margin-left: 5px; + } + } + .ant-switch-large::after { + width: 26px; + height: 26px; + } + + .ant-col { + min-height: 0px; + } + .ant-col[class*="x"] { + float: left; + box-sizing: border-box; + } + >.ant-col-0x { + width: 2.08333333%; + } + >.ant-col-1x { + width: 6.25%; + } + >.ant-col-2x { + width: 10.41666667%; + } + >.ant-col-3x { + width: 14.58333333%; + } + >.ant-col-4x { + width: 18.75%; + } + >.ant-col-5x { + width: 22.91666667%; + } + >.ant-col-6x { + width: 27.08333333%; + } + >.ant-col-7x { + width: 31.25%; + } + >.ant-col-8x { + width: 35.41666667%; + } + >.ant-col-9x { + width: 39.58333333%; + } + >.ant-col-10x { + width: 43.75%; + } + >.ant-col-11x { + width: 47.91666667%; + } + >.ant-col-12x { + width: 52.08333333%; + } + >.ant-col-13x { + width: 56.25%; + } + >.ant-col-14x { + width: 60.41666667%; + } + >.ant-col-15x { + width: 64.58333333%; + } + >.ant-col-16x { + width: 68.75%; + } + >.ant-col-17x { + width: 72.91666667%; + } + >.ant-col-18x { + width: 77.08333333%; + } + >.ant-col-19x { + width: 81.25%; + } + >.ant-col-20x { + width: 85.41666667%; + } + >.ant-col-21x { + width: 89.58333333%; + } + >.ant-col-22x { + width: 93.75%; + } + >.ant-col-23x { + width: 97.91666667%; + } +} +.card-cell-list::after { + content: ' '; + display: block; + clear: both; +} +.card-cell-list.mk-flex { + display: flex; + >.ant-col-1 { + flex: 1; + } + >.ant-col-2 { + flex: 2; + } + >.ant-col-3 { + flex: 3; + } + >.ant-col-4 { + flex: 4; + } + >.ant-col-5 { + flex: 5; + } + >.ant-col-6 { + flex: 6; + } + >.ant-col-7 { + flex: 7; + } + >.ant-col-8 { + flex: 8; + } + >.ant-col-9 { + flex: 9; + } + >.ant-col-10 { + flex: 10; + } + >.ant-col-11 { + flex: 11; + } + >.ant-col-12 { + flex: 12; + } + >.ant-col-13 { + flex: 13; + } + >.ant-col-14 { + flex: 14; + } + >.ant-col-15 { + flex: 15; + } + >.ant-col-16 { + flex: 16; + } + >.ant-col-17 { + flex: 17; + } + >.ant-col-18 { + flex: 18; + } + >.ant-col-19 { + flex: 19; + } + >.ant-col-20 { + flex: 20; + } + >.ant-col-21 { + flex: 21; + } + >.ant-col-22 { + flex: 22; + } + >.ant-col-23 { + flex: 23; + } + >.ant-col-24 { + flex: 24; + } + >.ant-col-0x { + flex: 0.5; + } + >.ant-col-1x { + flex: 1.5; + } + >.ant-col-2x { + flex: 2.5; + } + >.ant-col-3x { + flex: 3.5; + } + >.ant-col-4x { + flex: 4.5; + } + >.ant-col-5x { + flex: 5.5; + } + >.ant-col-6x { + flex: 6.5; + } + >.ant-col-7x { + flex: 7.5; + } + >.ant-col-8x { + flex: 8.5; + } + >.ant-col-9x { + flex: 9.5; + } + >.ant-col-10x { + flex: 10.5; + } + >.ant-col-11x { + flex: 11.5; + } + >.ant-col-12x { + flex: 12.5; + } + >.ant-col-13x { + flex: 13.5; + } + >.ant-col-14x { + flex: 14.5; + } + >.ant-col-15x { + flex: 15.5; + } + >.ant-col-16x { + flex: 16.5; + } + >.ant-col-17x { + flex: 17.5; + } + >.ant-col-18x { + flex: 18.5; + } + >.ant-col-19x { + flex: 19.5; + } + >.ant-col-20x { + flex: 20.5; + } + >.ant-col-21x { + flex: 21.5; + } + >.ant-col-22x { + flex: 22.5; + } + >.ant-col-23x { + flex: 23.5; + } +} \ No newline at end of file -- Gitblit v1.8.0