feat:UI优化

src/views/dashboard/index.vue

@@ -21,8 +21,8 @@
       </el-col>
       <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
         <div class="card-panel">
-          <div class="card-panel-icon-wrapper icon-message">
-            <svg-icon icon-class="message" class-name="card-panel-icon" />
+          <div class="card-panel-icon-wrapper icon-shoppingCard">
+            <svg-icon icon-class="chart" class-name="card-panel-icon" />
           </div>
           <div class="card-panel-description">
             <div class="card-panel-text">打开次数</div>
@@ -33,7 +33,7 @@
       <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
         <div class="card-panel">
           <div class="card-panel-icon-wrapper icon-message">
-            <svg-icon icon-class="message" class-name="card-panel-icon" />
+            <svg-icon icon-class="user" class-name="card-panel-icon" />
           </div>
           <div class="card-panel-description">
             <div class="card-panel-text">新增注册用户数</div>
@@ -43,8 +43,8 @@
       </el-col>
       <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
         <div class="card-panel">
-          <div class="card-panel-icon-wrapper icon-message">
-            <svg-icon icon-class="message" class-name="card-panel-icon" />
+          <div class="card-panel-icon-wrapper icon-money">
+            <svg-icon icon-class="shopping" class-name="card-panel-icon" />
           </div>
           <div class="card-panel-description">
             <div class="card-panel-text">新增藏品数</div>
@@ -223,7 +223,7 @@ export default {
     color: #f4516c;
   }
   .icon-shoppingCard {
-    color: #34bfa3
+    color: #e5b12c
   }
   .card-panel-icon-wrapper {
     float: left;
@@ -247,7 +247,7 @@ export default {
   line-height: 18px;
   color: rgba(0, 0, 0, 0.45);
   font-size: 16px;
-  margin-bottom: 12px;
+  font-weight: 600;
 }
 .card-panel-num {
   font-size: 24px;
@@ -259,6 +259,9 @@ export default {
     flex: 1;
     margin-right: 10px;
     height: 150px;
+    .info_item_card-text {
+      font-weight: 600;
+    }
     .info_item_card-num {
       width: 100%;
       flex: 1;