From c78e2e555201789537bf176a349bbb34f8c0ca8f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 27 十二月 2022 13:58:00 +0800
Subject: [PATCH] 2022-12-27
---
src/tabviews/custom/components/share/normalTable/index.scss | 161 ++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 138 insertions(+), 23 deletions(-)
diff --git a/src/tabviews/custom/components/share/normalTable/index.scss b/src/tabviews/custom/components/share/normalTable/index.scss
index 45b1a84..bcd3880 100644
--- a/src/tabviews/custom/components/share/normalTable/index.scss
+++ b/src/tabviews/custom/components/share/normalTable/index.scss
@@ -1,6 +1,10 @@
.normal-custom-table {
position: relative;
padding: 0px;
+ --mk-table-border-color: #e8e8e8;
+ --mk-table-color: rgba(0, 0, 0, 0.65);
+ --mk-table-font-size: 14px;
+ --mk-table-font-weight: normal;
.normal-table-footer {
padding: 10px 0px;
@@ -8,11 +12,45 @@
}
.normal-table-footer.pagination {
position: absolute;
- bottom: 40px;
+ bottom: 10px;
}
>.ant-table-wrapper {
position: relative;
z-index: 1;
+ }
+ .ant-table {
+ color: inherit;
+ font-size: inherit;
+ }
+
+ .mk-disabled {
+ color: #bcbcbc;
+ cursor: not-allowed;
+ --mk-table-color: #bcbcbc;
+
+ span, div {
+ color: #bcbcbc!important;
+ }
+
+ .ant-btn {
+ cursor: not-allowed;
+ }
+ .ant-table-selection-column {
+ > span::after {
+ content: ' ';
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ }
+ }
+ .ant-checkbox-checked .ant-checkbox-inner {
+ background-color: #fff!important;
+ border-color: #d9d9d9!important;
+ }
}
table {
@@ -56,13 +94,16 @@
// vertical-align: top;
.card-cell-list {
- color: rgba(0, 0, 0, 0.85);
+ color: var(--mk-table-color);
}
.ant-mk-picture {
position: relative;
- background-position: center center;
- background-size: cover;
margin: 2px;
+ }
+ .video-wrap {
+ .video-react-playback-rate {
+ display: none;
+ }
}
.action-col {
.ant-btn > .anticon + span {
@@ -93,6 +134,14 @@
vertical-align: middle;
}
.ant-table-tbody > tr > td.ant-table-column-has-actions {
+ .content {
+ position: relative;
+ z-index: 1;
+ word-wrap: break-word;
+ word-break: break-word;
+ }
+ }
+ .ant-table-tbody > tr > td {
position: relative;
.link-menu {
position: absolute;
@@ -102,13 +151,6 @@
bottom: 0px;
opacity: 0;
cursor: pointer;
- }
-
- .content {
- position: relative;
- z-index: 1;
- word-wrap: break-word;
- word-break: break-word;
}
}
.ant-table-tbody > tr > td .content {
@@ -127,6 +169,57 @@
}
}
}
+ // .ant-table-body::-webkit-scrollbar {
+ // width: 8px;
+ // height: 10px;
+ // }
+ // ::-webkit-scrollbar-thumb {
+ // border-radius: 5px;
+ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ // background: rgba(0, 0, 0, 0.13);
+ // }
+ // ::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
+ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ // border-radius: 3px;
+ // border: 1px solid rgba(0, 0, 0, 0.07);
+ // background: rgba(0, 0, 0, 0);
+ // }
+ .fix-header {
+ .ant-table-body {
+ min-height: unset
+ }
+ .ant-table-placeholder {
+ display: none;
+ }
+ .ant-table-wrapper {
+ display: none;
+ }
+ .ant-affix .ant-table-wrapper {
+ display: block;
+ }
+ }
+
+ table, tr, th, td {
+ border-color: var(--mk-table-border-color)!important;
+ }
+ table tr {
+ th .ant-table-column-title {
+ // color: var(--mk-table-color)!important;
+ font-size: var(--mk-table-font-size)!important;
+ font-weight: var(--mk-table-font-weight)!important;
+ }
+ td {
+ color: var(--mk-table-color)!important;
+ 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;
+ }
+ }
+ }
+}
+.normal-custom-table:not(.fixed-height) {
.ant-table-body::-webkit-scrollbar {
width: 8px;
height: 10px;
@@ -142,18 +235,12 @@
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
- .fix-header {
- .ant-table-body {
- min-height: unset
- }
- .ant-table-placeholder {
- display: none;
- }
- .ant-table-wrapper {
- display: none;
- }
- .ant-affix .ant-table-wrapper {
- display: block;
+}
+.normal-custom-table.fixed-height {
+ .ant-table-body {
+ border-bottom: 1px solid rgba(0, 0, 0, .05);
+ .ant-table-fixed {
+ border-bottom: 0;
}
}
}
@@ -162,6 +249,34 @@
display: none;
}
}
+.normal-custom-table.ghost {
+ .main-pickup {
+ display: none;
+ }
+ .ant-table-thead > tr {
+ > th {
+ color: inherit;
+ background: transparent;
+ .ant-table-column-sorter .ant-table-column-sorter-inner {
+ color: inherit;
+ }
+ }
+ > th:hover {
+ background: transparent;
+ }
+ }
+ .ant-table-body {
+ overflow-x: auto;
+ tr {
+ td {
+ background: transparent!important;
+ }
+ }
+ tr:hover td {
+ background: transparent!important;
+ }
+ }
+}
.image-scale-modal {
width: 70vw;
min-height: 80vh;
--
Gitblit v1.8.0