From 7a6679fff0ac197b01aa7edb940b24f09c88ed2a Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 12 一月 2024 18:11:09 +0800 Subject: [PATCH] 2024-01-12 --- src/tabviews/custom/components/share/normalTable/index.scss | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 112 insertions(+), 5 deletions(-) diff --git a/src/tabviews/custom/components/share/normalTable/index.scss b/src/tabviews/custom/components/share/normalTable/index.scss index b6e48cb..1a1123c 100644 --- a/src/tabviews/custom/components/share/normalTable/index.scss +++ b/src/tabviews/custom/components/share/normalTable/index.scss @@ -1,7 +1,19 @@ .normal-custom-table { position: relative; padding: 0px; + min-height: 40px; + --mk-table-border-color: #e8e8e8; + --mk-table-color: rgba(0, 0, 0, 0.65); + --mk-table-font-size: 14px; + --mk-table-font-weight: normal; + .main-pickup { + position: absolute; + right: 5px; + top: -22px; + z-index: 2; + } + .normal-table-footer { padding: 10px 0px; color: rgba(0, 0, 0, 0.65); @@ -22,6 +34,12 @@ .mk-disabled { color: #bcbcbc; cursor: not-allowed; + --mk-table-color: #bcbcbc; + + span, div { + color: #bcbcbc!important; + } + .ant-btn { cursor: not-allowed; } @@ -84,16 +102,17 @@ // vertical-align: top; .card-cell-list { - color: rgba(0, 0, 0, 0.85); + color: inherit; + overflow: hidden; } .ant-mk-picture { position: relative; - background-position: center center; - background-size: cover; margin: 2px; } - .ant-mk-picture.scale { - cursor: zoom-in; + .video-wrap { + .video-react-playback-rate { + display: none; + } } .action-col { .ant-btn > .anticon + span { @@ -188,6 +207,35 @@ display: block; } } + .ant-table-small.ant-table-bordered { + border-right: 1px solid #e8e8e8; + } + + table, tr, th, td, .ant-table-small { + border-color: var(--mk-table-border-color)!important; + } + table tr { + th .ant-table-column-title { + font-size: var(--mk-table-font-size)!important; + font-weight: var(--mk-table-font-weight)!important; + } + td { + font-size: var(--mk-table-font-size)!important; + font-weight: var(--mk-table-font-weight)!important; + + >span, >div:not(.card-cell-list) div, >div:not(.card-cell-list) span { + font-weight: var(--mk-table-font-weight)!important; + } + } + } + table tbody tr { + color: var(--mk-table-color); + } +} +.normal-custom-table:not(.ghost) { + .ant-table-small > .ant-table-content .ant-table-thead > tr > th { + background-color: #fafafa!important; + } } .normal-custom-table:not(.fixed-height) { .ant-table-body::-webkit-scrollbar { @@ -219,6 +267,65 @@ display: none; } } +.normal-custom-table.mk-fixed-last-col { + table { + .ant-table-thead { + tr:first-child { + th:last-child { + position: sticky !important; + z-index: 2; + right: 0px; + box-shadow: 0 1px 1px #bcbcbc; + } + } + } + .ant-table-tbody { + tr { + td:last-child { + position: sticky !important; + z-index: 2; + right: 0px; + background: #ffffff; + box-shadow: 0 1px 1px #bcbcbc; + } + } + } + } +} +.normal-custom-table.mk-fixed-first-col { + table { + .ant-table-thead { + tr:first-child { + th:first-child { + position: sticky !important; + z-index: 2; + left: 0px; + } + th.ant-table-selection-column + th { + position: sticky !important; + z-index: 2; + left: 60px; + } + } + } + .ant-table-tbody { + tr { + td:first-child { + position: sticky !important; + z-index: 2; + left: 0px; + background: #ffffff; + } + td.ant-table-selection-column + td{ + position: sticky !important; + z-index: 2; + left: 60px; + background: #ffffff; + } + } + } + } +} .normal-custom-table.ghost { .main-pickup { display: none; -- Gitblit v1.8.0