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 | 232 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 168 insertions(+), 64 deletions(-)
diff --git a/src/tabviews/zshare/normalTable/index.scss b/src/tabviews/zshare/normalTable/index.scss
index b3e2535..ebc746e 100644
--- a/src/tabviews/zshare/normalTable/index.scss
+++ b/src/tabviews/zshare/normalTable/index.scss
@@ -1,40 +1,104 @@
.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%;
- .ant-table-column-title {
- white-space: nowrap;
+ .ant-table-thead {
+ tr {
+ th {
+ position: relative;
+ }
+ }
}
.ant-table-selection-column {
width: 60px;
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;
@@ -57,6 +121,7 @@
img {
max-width: 100%;
+ display: block;
}
img + img {
margin-left: 10px;
@@ -77,6 +142,8 @@
img {
max-width: 100%;
+ display: block;
+ float: right;
}
img + img {
margin-top: 10px;
@@ -90,49 +157,56 @@
width: calc(50% - 5px);
}
}
+
+ p {
+ margin-bottom: 2px;
+ }
+ span {
+ display: inline-block;
+ margin-right: 5px;
+ }
}
.picture-col {
img {
max-width: 100%;
+ display: inline-block;
+ }
+ img + img {
+ margin-top: 10px;
+ }
+ .image-scale {
+ cursor: zoom-in;
+ }
+ }
+ .action-col {
+ .ant-btn > .anticon + span {
+ margin-left: 3px;
+ }
+ button {
+ border: 0;
+ background-color: transparent;
+ color: #1890ff;
+ box-shadow: none;
+ padding: 0 5px;
+ .anticon-loading {
+ display: none;
+ }
+ }
+ > 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;
- }
-
- .content {
- position: relative;
- z-index: 1;
- word-wrap: break-word;
- word-break: break-word;
- }
- .red {
- .content {
- color: red;
- }
- }
- .redbg {
- .background {
- background: lightcoral;
- }
- }
+ .ant-table-tbody > tr > td[rowspan] {
+ vertical-align: middle;
}
- .ant-table-tbody > tr > td .content {
- p {
- margin-bottom: 5px;
- }
- span {
- display: inline-block;
- margin-right: 5px;
- }
- }
+
.ant-table-tbody > tr > td .button {
.ant-btn {
margin-bottom: 10px;
@@ -140,6 +214,42 @@
}
}
}
+
+ .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;
+ }
+ }
+}
+.image-scale-modal {
+ width: 70vw;
+ min-height: 80vh;
+ top: 10vh;
+ .ant-modal-body {
+ min-height: calc(80vh - 110px);
+ line-height: calc(80vh - 160px);
+ text-align: center;
+ }
+ .ant-modal-footer {
+ text-align: center;
+ span {
+ display: inline-block;
+ color: #1890ff;
+ padding: 5px 15px;
+ cursor: pointer;
+ }
+ }
+}
+.normal-data-table:not(.fixed-height) {
.ant-table-body::-webkit-scrollbar {
width: 8px;
height: 10px;
@@ -155,18 +265,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-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