From a9b02f6862522b54d0824152017bf2acfec2af7b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 21 三月 2024 10:29:50 +0800
Subject: [PATCH] 2024-03-21
---
src/tabviews/custom/components/card/double-data-card/index.scss | 187 +++++++++++++++++++++++++++-------------------
1 files changed, 109 insertions(+), 78 deletions(-)
diff --git a/src/tabviews/custom/components/card/double-data-card/index.scss b/src/tabviews/custom/components/card/double-data-card/index.scss
index 6d9583a..3f19dd4 100644
--- a/src/tabviews/custom/components/card/double-data-card/index.scss
+++ b/src/tabviews/custom/components/card/double-data-card/index.scss
@@ -1,4 +1,4 @@
-.custom-data-card-box {
+.double-data-card-box {
background: #ffffff;
background-position: center center;
background-repeat: no-repeat;
@@ -6,17 +6,23 @@
min-height: 20px;
overflow-y: auto;
- >.button-list.toolbar-button {
- padding: 0;
- line-height: 45px;
+ .pickup-wrap {
+ float: right;
button {
- margin-right: 0px;
- margin-bottom: 0px;
- min-height: 28px;
- height: auto;
+ margin-top: 3px;
}
}
-
+ .pickup-wrap + div {
+ clear: both;
+ }
+ .button-list + .pickup-wrap {
+ position: relative;
+ button {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ }
+ }
.data-zoom {
display: flex;
position: relative;
@@ -32,24 +38,10 @@
}
}
}
- .mk-parity-bg {
- .card-item-box {
- background-color: var(--mk-sys-color1);
- }
- }
- }
- .data-zoom.scale {
- .card-row-list {
- .mk-card:hover {
- >.card-item-box {
- z-index: 1;
- transform: scale(1.05);
- }
- }
- }
}
.card-row-list {
flex: 10;
+ max-width: 100%;
}
.card-row-list.flex-layout {
display: flex;
@@ -57,24 +49,6 @@
>.ant-col {
width: 5%;
flex: 1;
- }
- }
- .card-row-list.float-center {
- text-align: center;
- >.ant-col {
- display: inline-block;
- float: none;
- text-align: left;
- vertical-align: top;
- }
- }
- .card-row-list.float-right {
- text-align: right;
- >.ant-col {
- display: inline-block;
- float: none;
- text-align: left;
- vertical-align: top;
}
}
.card-item-box {
@@ -85,29 +59,6 @@
background-repeat: no-repeat;
background-size: cover;
}
- .prev-page {
- width: 20px;
- div {
- height: 100%;
- display: table;
- div {
- display: table-cell;
- vertical-align: middle;
- }
- }
- img {
- width: 15px;
- padding: 0 2px;
- height: 70px;
- cursor: pointer;
- }
- }
- .prev-page.disabled {
- img {
- cursor: not-allowed;
- opacity: 0.4;
- }
- }
.card-row-list::after {
content: ' ';
display: block;
@@ -115,7 +66,6 @@
}
.ant-empty {
- width: 100%;
min-height: 100px;
padding-top: 15px;
@@ -170,6 +120,7 @@
display: none;
width: 16px;
height: 16px;
+ min-width: 16px;
border: 1px solid #cccccc;
border-radius: 50%;
box-sizing: content-box;
@@ -192,10 +143,12 @@
border-color: #ffffff;
transform: rotate(45deg);
}
-
.data-zoom.check.square {
.circle-select {
border-radius: 0!important;
+ }
+ .circle-select.half::after {
+ border-radius: 0px;
}
}
.data-zoom.check {
@@ -221,12 +174,12 @@
left: 4px;
content: ' ';
display: block;
+ border-radius: 8px;
width: 8px;
height: 8px;
background: var(--mk-sys-color);
}
.card-item-box {
- // width: 100%;
display: flex;
}
.card-cell-list {
@@ -237,6 +190,20 @@
}
.circle-select:hover {
border-color: var(--mk-sys-color);
+ }
+ >.card-row-list {
+ >.ant-col:not(.extend-card) {
+ .card-item-box:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ }
+ .sub-card-wrap.mk-parity-bg {
+ .ant-col:nth-child(even){
+ .card-item-box:not(:hover) {
+ background-color: #fafafa;
+ }
+ }
}
}
.card-item-wrap {
@@ -262,7 +229,8 @@
transform: rotate(180deg);
}
>.anticon-plus-square {
- margin: auto 5px;
+ margin: auto;
+ width: 30px;
font-size: 18px;
}
>.anticon-plus-square.mk-disabled {
@@ -270,7 +238,8 @@
cursor: not-allowed;
}
>.anticon-minus-square {
- margin: auto 5px;
+ margin: auto;
+ width: 30px;
font-size: 18px;
}
}
@@ -285,24 +254,86 @@
transition: height 0.3s;
}
}
+ .card-item-wrap.flex-card {
+ >.card-item-box:first-child {
+ display: flex;
+ .card-cell-list {
+ flex: 1;
+ }
+ }
+ }
+ .circle-select.mk-extend-icon {
+ margin-right: 35px;
+ }
+
+ .data-zoom:not(.check) {
+ .sub-card-wrap.mk-parity-bg {
+ .ant-col:nth-child(even){
+ .card-item-box {
+ background-color: #fafafa;
+ }
+ }
+ }
+ }
+ .data-zoom-box {
+ width: 100%;
+ overflow-x: auto;
+ overflow-y: auto;
+ padding-bottom: 10px;
+ border: 1px solid #e8e8e8;
+ border-radius: 4px;
+
+ .extend-card:first-child {
+ position: sticky;
+ top: 0px;
+ z-index: 2;
+ }
+ }
+ .data-zoom-box::-webkit-scrollbar {
+ height: 9px;
+ width: 9px;
+ }
+ .data-zoom-box::-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);
+ }
+ .data-zoom-box::-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);
+ }
}
-.custom-data-card-box::-webkit-scrollbar {
+.double-data-card-box.shifting {
+ .normal-header:not(.header-search) + .toolbar-button {
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ z-index: 1;
+ button {
+ margin-bottom: 0px!important;
+ }
+ }
+ .normal-header:not(.header-search) + .toolbar-button + .pickup-wrap{
+ position: relative;
+ button {
+ position: relative;
+ }
+ }
+}
+.double-data-card-box::-webkit-scrollbar {
width: 7px;
height: 7px;
}
-.custom-data-card-box::-webkit-scrollbar-thumb {
+.double-data-card-box::-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);
}
-.custom-data-card-box::-webkit-scrollbar-track {
+.double-data-card-box::-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);
-}
-.custom-card-box::after {
- content: ' ';
- display: block;
- clear: both;
}
--
Gitblit v1.8.0