From e1d8b67d9219f1631e855542155d6db21aa31a97 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 10 七月 2024 14:23:38 +0800
Subject: [PATCH] 2024-07-10
---
src/menu/components/card/cardcellcomponent/dragaction/index.scss | 272 ++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 252 insertions(+), 20 deletions(-)
diff --git a/src/menu/components/card/cardcellcomponent/dragaction/index.scss b/src/menu/components/card/cardcellcomponent/dragaction/index.scss
index 7896580..deb7cf3 100644
--- a/src/menu/components/card/cardcellcomponent/dragaction/index.scss
+++ b/src/menu/components/card/cardcellcomponent/dragaction/index.scss
@@ -1,32 +1,264 @@
.card-detail-row {
- .ant-slider-track {
- height: 7px;
+ line-height: 1.5;
+ .ant-mk-text {
+ font-style: inherit;
+ font-weight: inherit;
+ text-decoration: inherit;
+ font-family: inherit;
}
- .ant-slider-rail {
- height: 7px;
+ .ant-mk-text:not(.line1):not(.line) {
+ word-break: break-word;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
}
- .cyan {
- .ant-slider-track {
- background-color: #13C2C2;
+ .line1 {
+ overflow: hidden;
+ word-break: break-word;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .line2 {
+ -webkit-line-clamp: 2;
+ }
+ .line3 {
+ -webkit-line-clamp: 3;
+ }
+ .line4 {
+ -webkit-line-clamp: 4;
+ }
+ .line5 {
+ -webkit-line-clamp: 5;
+ }
+ .line6 {
+ -webkit-line-clamp: 6;
+ }
+ .line7 {
+ -webkit-line-clamp: 7;
+ }
+ .line8 {
+ -webkit-line-clamp: 8;
+ }
+ .line9 {
+ -webkit-line-clamp: 9;
+ }
+ .line10 {
+ -webkit-line-clamp: 10;
+ }
+ .ant-mk-slider {
+ box-sizing: border-box;
+ margin: 0;
+ color: rgba(0, 0, 0, 0.65);
+ font-size: 14px;
+ font-variant: tabular-nums;
+ line-height: 1.5;
+ list-style: none;
+ font-feature-settings: 'tnum', "tnum";
+ position: relative;
+ height: 12px;
+ padding: 3px 0;
+ cursor: pointer;
+ touch-action: none;
+
+ .ant-mk-slider-track {
+ height: 7px;
+ position: absolute;
+ background-color: #91d5ff;
+ border-radius: 4px;
+ transition: background-color 0.3s;
}
- .ant-slider-handle {
- border-color: #13C2C2;
+ .ant-mk-slider-rail {
+ height: 7px;
+ position: absolute;
+ width: 100%;
+ background-color: #f5f5f5;
+ border-radius: 2px;
+ transition: background-color 0.3s;
+ }
+ .ant-mk-slider-handle {
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ margin-top: -4px;
+ margin-left: -7px;
+ background-color: #fff;
+ border: solid 2px #91d5ff;
+ border-radius: 50%;
+ cursor: pointer;
+ transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
}
- .orange {
- .ant-slider-track {
- background-color: orange;
- }
- .ant-slider-handle {
- border-color: lightsalmon;
+ .ant-mk-splitline {
+ border-top: 1px solid;
+ border-bottom: 0;
+ border-left: 0;
+ border-right: 0;
+ }
+ .ant-mk-tag {
+ .tag-item {
+ display: inline-block;
+ vertical-align: top;
}
}
- .primary {
- .ant-slider-track {
- background-color: #1890ff;
+ .ant-mk-check {
+ white-space: nowrap;
+ overflow: hidden;
+ word-break: break-word;
+ text-overflow: ellipsis;
+ font-weight: inherit;
+ font-style: inherit;
+ .ant-checkbox-wrapper {
+ font-weight: inherit;
+ font-size: inherit;
+ font-style: inherit;
+ color: inherit;
+ span {
+ font-weight: inherit;
+ }
}
- .ant-slider-handle {
- border-color: #91d5ff;
+ }
+ .ant-mk-picture {
+ background-size: cover;
+ background-position: center center;
+ background-repeat: no-repeat;
+ }
+ .ant-mk-icon {
+ vertical-align: top;
+ line-height: inherit;
+ color: inherit;
+ }
+ .ant-switch-large {
+ min-width: 60px;
+ height: 30px;
+ line-height: 28px;
+
+ .ant-switch-inner {
+ margin-right: 5px;
+ margin-left: 30px;
+ font-size: 16px;
+ }
+ }
+ .ant-switch-large.ant-switch-checked {
+ .ant-switch-inner {
+ margin-right: 30px;
+ margin-left: 5px;
+ }
+ }
+ .ant-switch-large::after {
+ width: 26px;
+ height: 26px;
+ }
+
+ .mk-counter {
+ display: inline-block;
+ white-space: nowrap;
+ border: 1px solid #d9d9d9;
+ font-size: 14px;
+ border-radius: 2px;
+ background: #ffffff;
+ span {
+ display: inline-block;
+ height: 20px;
+ line-height: 22px;
+ vertical-align: top;
+ text-align: center;
+ }
+ span:first-child {
+ width: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-right: 1px solid #d9d9d9;
+ }
+ span:nth-child(2) {
+ width: 42px;
+ }
+ span:last-child {
+ width: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-left: 1px solid #d9d9d9;
+ }
+ }
+ .mk-counter.small {
+ font-size: 12px;
+ span {
+ height: 18px;
+ line-height: 19px;
+ }
+ span:first-child {
+ width: 20px;
+ font-size: 10px;
+ }
+ span:nth-child(2) {
+ width: 38px;
+ }
+ span:last-child {
+ width: 20px;
+ font-size: 10px;
+ }
+ }
+ .mk-counter.large {
+ font-size: 16px;
+ span {
+ height: 24px;
+ line-height: 25px;
+ }
+ span:first-child {
+ width: 26px;
+ font-size: 13px;
+ }
+ span:nth-child(2) {
+ width: 48px;
+ }
+ span:last-child {
+ width: 26px;
+ font-size: 13px;
+ }
+ }
+
+ .card-cell > div {
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: unset!important;
+ vertical-align: top;
+ }
+ .sort-wrap {
+ position: relative;
+ margin-left: 5px;
+ font-size: 12px;
+ color: #bfbfbf;
+ display: none;
+
+ .anticon-caret-up {
+ position: relative;
+ top: -4px;
+ }
+ .anticon-caret-down {
+ position: absolute;
+ top: 5px;
+ left: 0px;
+ }
+ }
+ .no-value-hide >div::before {
+ content: '*';
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ font-size: 18px;
+ color: orange;
+ line-height: 1;
+ height: 8px;
+ opacity: 0;
+ }
+ .no-value-hide:hover >div::before {
+ opacity: 1;
+ }
+}
+td:hover {
+ .card-detail-row {
+ .no-value-hide >div::before {
+ opacity: 1;
}
}
}
\ No newline at end of file
--
Gitblit v1.8.0