From bde2916433c7830e2879e6524e32b9f6c8bd0bab Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 02 一月 2022 16:31:32 +0800
Subject: [PATCH] 2022-01-02
---
src/tabviews/zshare/normalTable/index.scss | 224 +++++++++++++++++++++++++++++++------------------------
1 files changed, 126 insertions(+), 98 deletions(-)
diff --git a/src/tabviews/zshare/normalTable/index.scss b/src/tabviews/zshare/normalTable/index.scss
index 8678655..ebc746e 100644
--- a/src/tabviews/zshare/normalTable/index.scss
+++ b/src/tabviews/zshare/normalTable/index.scss
@@ -1,5 +1,52 @@
.normal-data-table {
- padding: 0 20px 30px;
+ position: relative;
+ padding: 0 0px 15px;
+
+ .normal-table-footer {
+ padding: 10px 0px;
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .normal-table-footer.pagination {
+ position: absolute;
+ bottom: 40px;
+ }
+ >.ant-table-wrapper {
+ position: relative;
+ z-index: 1;
+ }
+ .ant-table-wrapper {
+ color: rgba(0, 0, 0, 0.65);
+ font-size: 14px;
+ .ant-table {
+ color: inherit;
+ font-size: inherit;
+ }
+ }
+
+ .mk-disabled {
+ color: #bcbcbc;
+ cursor: not-allowed;
+ .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 {
max-width: 100%;
width: 100%;
@@ -7,9 +54,6 @@
tr {
th {
position: relative;
- .ant-table-column-title {
- white-space: nowrap;
- }
}
}
}
@@ -18,30 +62,43 @@
min-width: 60px;
max-width: 60px;
}
- .ant-table-tbody > tr.ant-table-row-selected td {
+ .ant-table-tbody > tr.ant-table-row-selected:not(.background) td {
background-color: #c4ebfd;
}
- .ant-table-tbody > tr.ant-table-row-selected:hover .ant-table-column-sort {
+ .ant-table-tbody > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort {
background-color: #c4ebfd;
+ }
+ .ant-table-tbody > tr.background td {
+ background-color: unset!important;
+ }
+ .ant-table-tbody > tr.mk-row-active:not(.background) td {
+ background-color: #91d5ff;
+ }
+ .ant-table-tbody > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort {
+ background-color: #91d5ff;
+ }
+ .ant-table-tbody > tr td .anticon.font {
+ background-color: unset;
}
}
.ant-table-body {
overflow-x: auto!important;
- min-height: 90px;
- border: 1px solid #e8e8e8;
- border-radius: 4px;
- border-top: none;
- border-bottom: none;
table {
- border-left: 0;
- .ant-table-thead > tr > th:last-child {
- border-right: 0;
- }
- .ant-table-tbody > tr > td:last-child {
- border-right: 0;
- }
.ant-table-tbody > tr > td {
vertical-align: top;
+ position: relative;
+
+ .baseboard {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ }
+ .link-menu {
+ cursor: pointer;
+ }
+
.content {
position: relative;
z-index: 1;
@@ -86,6 +143,7 @@
img {
max-width: 100%;
display: block;
+ float: right;
}
img + img {
margin-top: 10px;
@@ -99,11 +157,19 @@
width: calc(50% - 5px);
}
}
+
+ p {
+ margin-bottom: 2px;
+ }
+ span {
+ display: inline-block;
+ margin-right: 5px;
+ }
}
.picture-col {
img {
max-width: 100%;
- display: block;
+ display: inline-block;
}
img + img {
margin-top: 10px;
@@ -112,7 +178,7 @@
cursor: zoom-in;
}
}
- .text {
+ .action-col {
.ant-btn > .anticon + span {
margin-left: 3px;
}
@@ -122,74 +188,25 @@
color: #1890ff;
box-shadow: none;
padding: 0 5px;
- margin: 0px 5px;
+ .anticon-loading {
+ display: none;
+ }
}
- }
- .button {
- button {
- margin: 0px 5px;
+ > div {
+ margin: 0 3px;
+ }
+ > button {
+ margin: 0 3px;
+ }
+ .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
+ padding-left: 0px;
}
}
}
- .ant-table-tbody > tr > td.ant-table-column-has-actions {
- position: relative;
- .background {
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- }
- .link-menu {
- cursor: pointer;
- }
-
- .content {
- position: relative;
- z-index: 1;
- word-wrap: break-word;
- word-break: break-word;
- }
- .red {
- .content {
- color: red;
- }
- }
- .redbg {
- .background {
- background: lightcoral;
- }
- }
- .orange {
- .content {
- color: orange;
- }
- }
- .orangebg {
- .background {
- background: lightsalmon;
- }
- }
- .green {
- .content {
- color: green;
- }
- }
- .greenbg {
- .background {
- background: lightgreen;
- }
- }
+ .ant-table-tbody > tr > td[rowspan] {
+ vertical-align: middle;
}
- .ant-table-tbody > tr > td .content {
- p {
- margin-bottom: 2px;
- }
- span {
- display: inline-block;
- margin-right: 5px;
- }
- }
+
.ant-table-tbody > tr > td .button {
.ant-btn {
margin-bottom: 10px;
@@ -197,21 +214,7 @@
}
}
}
- .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
@@ -245,4 +248,29 @@
cursor: pointer;
}
}
+}
+.normal-data-table:not(.fixed-height) {
+ .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);
+ }
+}
+.normal-data-table.fixed-height {
+ .ant-table-body {
+ border-bottom: 1px solid rgba(0, 0, 0, .05);
+ .ant-table-fixed {
+ border-bottom: 0;
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0