修改样式

src/views/dashboard/admin/components/PanelGroup.vue

@@ -3,7 +3,7 @@
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class="card-panel">
         <div class="card-panel-icon-wrapper icon-people">
-          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+          <svg-icon icon-class="star" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
@@ -18,7 +18,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="people" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
@@ -47,7 +47,7 @@
     </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-shopping">
+        <div class="card-panel-icon-wrapper icon-remain-bv">
           <svg-icon icon-class="shopping" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
@@ -63,7 +63,10 @@
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class="card-panel">
         <div class="card-panel-icon-wrapper icon-shopping">
-          <svg-icon icon-class="shopping" class-name="card-panel-icon" />
+          <div class="card-panel-icon">
+          <i class="el-icon-alarm-clock"  class-name="card-panel-icon" />
+        </div>
+          <!-- <svg-icon icon-class="el-icon-alarm-clock" class-name="card-panel-icon" /> -->
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
@@ -79,8 +82,6 @@
 </template>
 
 <script>
-import CountTo from 'vue-count-to'
-
 export default {
   props: {
     heightEmpLv : String,
@@ -98,7 +99,7 @@ export default {
     
   },
   components: {
-    CountTo
+    
   },
   methods: {
     
@@ -161,11 +162,15 @@ export default {
     }
 
     .icon-money {
-      color: #f4516c;
+      color: #f4dc51;
+    }
+
+    .icon-remain-bv {
+      color:#d259b8;
     }
 
     .icon-shopping {
-      color: #34bfa3
+      color: #dc1b1b
     }
 
     .card-panel-icon-wrapper {
@@ -182,7 +187,7 @@ export default {
     }
 
     .card-panel-description {
-      float: right;
+      
       font-weight: bold;
       margin: 26px;
       margin-left: 0px;