From 0a775d67b17400de3bbac4767d5ea25e6f0d14f9 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 06 二月 2023 15:15:00 +0800
Subject: [PATCH] 2023-02-06

---
 src/menu/components/card/cardcellcomponent/dragaction/index.scss |  158 ++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 138 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..a101adb 100644
--- a/src/menu/components/card/cardcellcomponent/dragaction/index.scss
+++ b/src/menu/components/card/cardcellcomponent/dragaction/index.scss
@@ -1,32 +1,150 @@
 .card-detail-row {
-  .ant-slider-track {
-    height: 7px;
+  line-height: 1.5;
+  .ant-mk-text {
+    font-style: inherit;
+    font-weight: inherit;
+    text-decoration: 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-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;
+      }
     }
   }
-  .primary {
-    .ant-slider-track {
-      background-color: #1890ff;
+  .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-slider-handle {
-      border-color: #91d5ff;
+  }
+  .ant-switch-large.ant-switch-checked {
+    .ant-switch-inner {
+      margin-right: 30px;
+      margin-left: 5px;
     }
   }
+  .ant-switch-large::after {
+    width: 26px;
+    height: 26px;
+  }
+
+  .card-cell > div {
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
 }
\ No newline at end of file

--
Gitblit v1.8.0