From 8f6b3d26bde4e22773cc53386dfbae669a7472ed Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 13 十月 2020 09:16:21 +0800
Subject: [PATCH] 2020-10-13

---
 src/tabviews/custom/components/card/data-card/index.scss |  104 ++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 100 insertions(+), 4 deletions(-)

diff --git a/src/tabviews/custom/components/card/data-card/index.scss b/src/tabviews/custom/components/card/data-card/index.scss
index b8bd982..edace1d 100644
--- a/src/tabviews/custom/components/card/data-card/index.scss
+++ b/src/tabviews/custom/components/card/data-card/index.scss
@@ -1,9 +1,99 @@
 .custom-card-box {
   background: #ffffff;
   min-height: 100px;
+  display: flex;
+  position: relative;
 
-  .card-item {
+  .prev-page {
+    width: 20px;
+    div {
+      height: 100%;
+      display: table;
+      div {
+        display: table-cell;
+        vertical-align: middle;
+      }
+    }
+    img {
+      width: 15px;
+      height: 100px;
+      cursor: pointer;
+    }
+  }
+  .prev-page.disabled {
+    img {
+      cursor: not-allowed;
+    }
+  }
+  .card-row-list::after {
+    content: ' ';
+    display: block;
+    clear: both;
+  }
+  .card-row-list {
+    flex: 10;
+  }
+  .card-item-box {
     border-style: solid;
+    .card-cell-list::after {
+      content: ' ';
+      display: block;
+      clear: both;
+    }
+  }
+
+  .card-cell-list {
+    position: relative;
+  
+    .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-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);
+      }
+    }
+    .ant-mk-splitline {
+      height: 1px;
+    }
+    .ant-slider {
+      margin: 0px;
+    }
   }
 
   .ant-empty {
@@ -17,10 +107,10 @@
   }
   .loading-mask {
     position: absolute;
-    left: 20px;
+    left: 40px;
     top: 0;
-    right: 20px;
-    bottom: 30px;
+    right: 40px;
+    bottom: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -36,3 +126,9 @@
     }
   }
 }
+
+.custom-card-box::after {
+  content: ' ';
+  display: block;
+  clear: both;
+}

--
Gitblit v1.8.0