From 6c44bc79e5edc338b44fdc469220ddf0e3fc4028 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 14 九月 2021 22:51:27 +0800
Subject: [PATCH] 2021-09-14
---
src/tabviews/zshare/normalTable/index.scss | 204 ++++++++++++++++++++++++++++++++++----------------
1 files changed, 138 insertions(+), 66 deletions(-)
diff --git a/src/tabviews/zshare/normalTable/index.scss b/src/tabviews/zshare/normalTable/index.scss
index b3e2535..02bfed8 100644
--- a/src/tabviews/zshare/normalTable/index.scss
+++ b/src/tabviews/zshare/normalTable/index.scss
@@ -1,40 +1,80 @@
.normal-data-table {
- padding: 0 20px 30px;
+ position: relative;
+ padding: 0 0px 30px;
+
+ .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;
+ }
+ }
+
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 +97,7 @@
img {
max-width: 100%;
+ display: block;
}
img + img {
margin-left: 10px;
@@ -77,6 +118,8 @@
img {
max-width: 100%;
+ display: block;
+ float: right;
}
img + img {
margin-top: 10px;
@@ -90,49 +133,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 +190,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;
@@ -154,19 +240,5 @@
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;
- }
}
}
\ No newline at end of file
--
Gitblit v1.8.0