From a5f41b5d98f23d618dc7519c605ce943b114dfd5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 13 十一月 2023 18:07:51 +0800 Subject: [PATCH] 2023-11-13 --- src/tabviews/custom/components/share/normalTable/index.scss | 116 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 111 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..3bf6756 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,16 @@ // vertical-align: top; .card-cell-list { - color: rgba(0, 0, 0, 0.85); + color: inherit; } .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 +206,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 +266,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