From a9b02f6862522b54d0824152017bf2acfec2af7b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 21 三月 2024 10:29:50 +0800 Subject: [PATCH] 2024-03-21 --- src/tabviews/custom/components/card/double-data-card/index.scss | 89 +++++++++++++++++++++++--------------------- 1 files changed, 47 insertions(+), 42 deletions(-) diff --git a/src/tabviews/custom/components/card/double-data-card/index.scss b/src/tabviews/custom/components/card/double-data-card/index.scss index 9ca06c2..3f19dd4 100644 --- a/src/tabviews/custom/components/card/double-data-card/index.scss +++ b/src/tabviews/custom/components/card/double-data-card/index.scss @@ -6,17 +6,23 @@ min-height: 20px; overflow-y: auto; - >.button-list.toolbar-button { - padding: 0; - line-height: 45px; + .pickup-wrap { + float: right; button { - margin-right: 0px; - margin-bottom: 0px; - min-height: 28px; - height: auto; + margin-top: 3px; } } - + .pickup-wrap + div { + clear: both; + } + .button-list + .pickup-wrap { + position: relative; + button { + position: absolute; + bottom: 0; + right: 0; + } + } .data-zoom { display: flex; position: relative; @@ -33,18 +39,9 @@ } } } - .data-zoom.scale { - .card-row-list { - .mk-card:hover { - >.card-item-box { - z-index: 1; - transform: scale(1.05); - } - } - } - } .card-row-list { flex: 10; + max-width: 100%; } .card-row-list.flex-layout { display: flex; @@ -52,24 +49,6 @@ >.ant-col { width: 5%; flex: 1; - } - } - .card-row-list.float-center { - text-align: center; - >.ant-col { - display: inline-block; - float: none; - text-align: left; - vertical-align: top; - } - } - .card-row-list.float-right { - text-align: right; - >.ant-col { - display: inline-block; - float: none; - text-align: left; - vertical-align: top; } } .card-item-box { @@ -87,7 +66,6 @@ } .ant-empty { - width: 100%; min-height: 100px; padding-top: 15px; @@ -142,6 +120,7 @@ display: none; width: 16px; height: 16px; + min-width: 16px; border: 1px solid #cccccc; border-radius: 50%; box-sizing: content-box; @@ -164,7 +143,6 @@ border-color: #ffffff; transform: rotate(45deg); } - .data-zoom.check.square { .circle-select { border-radius: 0!important; @@ -216,14 +194,14 @@ >.card-row-list { >.ant-col:not(.extend-card) { .card-item-box:hover { - background-color: var(--mk-sys-color2); + background-color: var(--mk-sys-color1); } } } .sub-card-wrap.mk-parity-bg { .ant-col:nth-child(even){ .card-item-box:not(:hover) { - background-color: var(--mk-sys-color1); + background-color: #fafafa; } } } @@ -292,7 +270,7 @@ .sub-card-wrap.mk-parity-bg { .ant-col:nth-child(even){ .card-item-box { - background-color: var(--mk-sys-color1); + background-color: #fafafa; } } } @@ -300,10 +278,20 @@ .data-zoom-box { width: 100%; overflow-x: auto; + overflow-y: auto; padding-bottom: 10px; + border: 1px solid #e8e8e8; + border-radius: 4px; + + .extend-card:first-child { + position: sticky; + top: 0px; + z-index: 2; + } } .data-zoom-box::-webkit-scrollbar { - height: 7px; + height: 9px; + width: 9px; } .data-zoom-box::-webkit-scrollbar-thumb { border-radius: 5px; @@ -317,6 +305,23 @@ background: rgba(0, 0, 0, 0); } } +.double-data-card-box.shifting { + .normal-header:not(.header-search) + .toolbar-button { + position: absolute; + top: 0px; + right: 0px; + z-index: 1; + button { + margin-bottom: 0px!important; + } + } + .normal-header:not(.header-search) + .toolbar-button + .pickup-wrap{ + position: relative; + button { + position: relative; + } + } +} .double-data-card-box::-webkit-scrollbar { width: 7px; height: 7px; -- Gitblit v1.8.0