From a7c92047424d58954127b38bbef7c9096994a972 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 14 六月 2023 13:42:42 +0800 Subject: [PATCH] 2023-06-14 --- src/tabviews/custom/components/card/data-card/index.scss | 145 +++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 130 insertions(+), 15 deletions(-) diff --git a/src/tabviews/custom/components/card/data-card/index.scss b/src/tabviews/custom/components/card/data-card/index.scss index 3cfc493..bb71f96 100644 --- a/src/tabviews/custom/components/card/data-card/index.scss +++ b/src/tabviews/custom/components/card/data-card/index.scss @@ -6,17 +6,6 @@ min-height: 20px; overflow-y: auto; - >.button-list.toolbar-button { - padding: 0; - line-height: 45px; - button { - margin-right: 0px; - margin-bottom: 0px; - min-height: 28px; - height: auto; - } - } - .data-zoom { display: flex; position: relative; @@ -24,9 +13,17 @@ >.card-item-box { cursor: not-allowed; color: #bcbcbc; - .ant-mk-text, .ant-mk-date, .anticon { + .ant-mk-text, .anticon { color: #bcbcbc!important; + span { + color: #bcbcbc!important; + } } + } + } + .mk-parity-bg { + .card-item-box { + background-color: var(--mk-sys-color1); } } } @@ -42,8 +39,31 @@ } .card-row-list { flex: 10; - .mk-card.pointer { - cursor: pointer; + } + .card-row-list.flex-layout { + display: flex; + width: 100%; + >.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 { @@ -84,7 +104,6 @@ } .ant-empty { - width: 100%; min-height: 100px; padding-top: 15px; @@ -116,6 +135,102 @@ padding: 10px; text-align: right; } + .mk-more { + text-align: center; + line-height: 40px; + cursor: pointer; + .anticon-down { + margin-left: 2px; + } + } + .mk-more.disabled { + cursor: not-allowed; + color: #bcbcbc; + } + .mk-disabled { + .circle-select { + border-color: #e8e8e8!important; + cursor: not-allowed; + } + } + .circle-select { + position: relative; + display: none; + width: 16px; + height: 16px; + border: 1px solid #cccccc; + border-radius: 50%; + box-sizing: content-box; + margin: auto; + margin-right: 5px; + background-color: #ffffff; + transition: border-color 0.2s; + cursor: pointer; + } + .circle-select::before { + position: relative; + top: 1px; + left: 6px; + content: ' '; + display: block; + width: 5px; + height: 11px; + border-style: solid; + border-width: 0 2px 2px 0; + border-color: #ffffff; + transform: rotate(45deg); + } + + .data-zoom.check.square { + .circle-select { + border-radius: 0!important; + } + .circle-select.half::after { + border-radius: 0px; + } + } + .data-zoom.check { + .mk-card.active, .mk-card.selected { + .circle-select { + border-color: var(--mk-sys-color); + background: var(--mk-sys-color); + } + } + .circle-select.whole { + border-color: var(--mk-sys-color); + background: var(--mk-sys-color); + } + .circle-select.half { + border-color: var(--mk-sys-color); + } + .circle-select.half::before { + display: none; + } + .circle-select.half::after { + position: absolute; + top: 4px; + left: 4px; + content: ' '; + display: block; + border-radius: 8px; + width: 8px; + height: 8px; + background: var(--mk-sys-color); + } + .card-item-box { + // width: 100%; + display: flex; + } + .card-cell-list { + flex: 1; + } + .circle-select { + display: block; + } + .circle-select:hover { + border-color: var(--mk-sys-color); + } + } } .custom-data-card-box::-webkit-scrollbar { width: 7px; -- Gitblit v1.8.0