From 523cec6c87d88b43954a4409a8dfde6aade095a1 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 22 五月 2020 11:02:10 +0800
Subject: [PATCH] 2020-05-22

---
 src/templates/sharecomponent/cardcomponent/index.scss |   67 +++++++++++++++++++++++++++++----
 1 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/src/templates/sharecomponent/cardcomponent/index.scss b/src/templates/sharecomponent/cardcomponent/index.scss
index 7119cf9..613f14a 100644
--- a/src/templates/sharecomponent/cardcomponent/index.scss
+++ b/src/templates/sharecomponent/cardcomponent/index.scss
@@ -8,12 +8,16 @@
     .ant-card-head {
       min-height: 40px;
       line-height: 2;
+      font-size: 14px;
       .ant-card-head-title {
-        color: #000000;
+        color: rgba(0, 0, 0, 0.85);
         font-weight: 500;
       }
       .ant-card-extra {
         color: #1890ff;
+        i {
+          margin-right: 5px;
+        }
       }
     }
     .ant-card-actions {
@@ -21,16 +25,22 @@
     }
   }
 
-  .ant-card.ant-card-bordered .ant-card-body {
+  .ant-card.chart-card.without-border {
+    .ant-card-head {
+      border-bottom: 0;
+    }
+    .ant-card-actions {
+      border-top: 0;
+    }
+  }
+
+  .ant-card.chart-card .ant-card-body {
     padding: 20px;
     zoom: 1;
 
     .ant-card-meta {
       position: relative;
 
-      .avatar-icon {
-        color: rgba(0, 0, 0, 0.45);
-      }
       >.anticon-plus {
         color: #26C281;
         position: absolute;
@@ -46,9 +56,7 @@
         padding-top: 15px;
         padding-left: 15px;
       }
-      // .ant-card-meta-avatar + .ant-card-meta-detail {
-      //   float: left;
-      // }
+
       .ant-avatar-image {
         box-sizing: border-box;
         margin: 0;
@@ -69,6 +77,9 @@
         img {
           width: 100%;
         }
+        .font {
+          background: transparent;
+        }
       }
     }
   }
@@ -84,12 +95,16 @@
       .edit {
         position: absolute;
         left: 0;
-        top: 5px;
+        top: 3px;
         font-size: 13px;
         color: #1890ff;
         cursor: pointer;
         display: none;
         padding: 0 5px;
+      }
+      .edit.close {
+        left: 20px;
+        color: #ff4d4f;
       }
     }
     .ant-card-head:hover {
@@ -109,6 +124,10 @@
         cursor: pointer;
         display: none;
         padding: 0 5px;
+      }
+      .edit.close {
+        left: 20px;
+        color: #ff4d4f;
       }
     }
     .ant-card-actions:hover {
@@ -130,10 +149,36 @@
         padding: 0 5px;
         z-index: 1;
       }
+      .edit.close {
+        left: 20px;
+        color: #ff4d4f;
+      }
     }
     .ant-card-meta-avatar:hover {
       .edit {
         display: inline-block;
+      }
+    }
+    .ant-card-actions {
+      li {
+        color: rgba(0, 0, 0, 0.45);
+        span {
+          overflow: hidden;
+          word-break: break-word;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+        .anticon {
+          width: unset;
+          margin-right: 3px;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+      li:hover {
+        color: #1890ff;
+        .anticon {
+          color: #1890ff;
+        }
       }
     }
   }
@@ -153,7 +198,11 @@
     .ant-card-actions {
       background: transparent;
       li {
+        white-space: nowrap;
         color: unset;
+        .anticon {
+          color: unset;
+        }
       }
     }
   }

--
Gitblit v1.8.0