From ab801d4a0b7e6bbc42fb5d77a9691f22b66dfefd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Fri, 20 May 2022 09:47:28 +0800
Subject: [PATCH] up

---
 src/views/dashboard/components/PanelGroup.vue | 83 ++++++++++---------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 4285741..441d99b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,8 +1,8 @@
 <template>
   <el-row :gutter="40" class="panel-group">
-    <el-col :xs="12" :sm="12" :lg="5"  class="card-panel-col" style="background: #8163f9;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #5565ec, #8163f9);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #5565ec, #8163f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #8163f9;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #5565ec, #8163f9);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #5565ec, #8163f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 ">
       <div class="card-panel">
         <div class="card-panel-icon-wrapper icon-people">
@@ -18,61 +18,61 @@ background: linear-gradient(to right, #5565ec, #8163f9); /* W3C, IE 10+/ Edge, F
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #02d2b0;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #0fc4cb, #02d2b0);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #0fc4cb, #02d2b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #02d2b0;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #0fc4cb, #02d2b0);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #0fc4cb, #02d2b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 ">
       <div class="card-panel" style="background-color: transparent;" @click="handleRoute('box')">
         <div class="card-panel-icon-wrapper icon-message">
           <svg-icon icon-class="user-group" class-name="card-panel-icon" />
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text">
-            204
-          </div>
-          <div class="card-panel-text" style="color: #fff;font-size:18px">
-            入场参观总人次
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            204
+          </div>
+          <div class="card-panel-text" style="color: #fff;font-size:18px">
+            入场参观总人次
           </div>
           <!-- <count-to :start-val="0" :end-val="countsData.client_count" :duration="3000" class="card-panel-num" /> -->
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #3464ec;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #3f86fa, #3464ec);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #3f86fa, #3464ec); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #3464ec;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #3f86fa, #3464ec);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #3f86fa, #3464ec); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 ">
       <div class="card-panel" @click="handleRoute('tool')">
         <div class="card-panel-icon-wrapper icon-money">
           <svg-icon icon-class="peoples" class-name="card-panel-icon" />
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text">
-            305
-          </div>
-          <div class="card-panel-text" style="color: #fff;font-size:18px">
-            预约活动总人次
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            305
+          </div>
+          <div class="card-panel-text" style="color: #fff;font-size:18px">
+            预约活动总人次
           </div>
           <!-- <count-to :start-val="0" :end-val="countsData.tool_count" :duration="3200" class="card-panel-num" /> -->
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #1289d9;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #17b8ee, #1289d9);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #17b8ee, #1289d9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    <el-col :xs="12" :sm="12" :lg="5" class="card-panel-col" style="background: #1289d9;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #17b8ee, #1289d9);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #17b8ee, #1289d9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 ">
       <div class="card-panel" @click="handleRoute('user')">
-        <div class="card-panel-icon-wrapper icon-shopping">
-          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
+        <div class="card-panel-icon-wrapper icon-shopping">
+          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text">
-            267
-          </div>
-          <div class="card-panel-text" style="color: #fff;font-size:18px">
-            参与活动总人次
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            267
+          </div>
+          <div class="card-panel-text" style="color: #fff;font-size:18px">
+            参与活动总人次
           </div>
           <!-- <count-to :start-val="0" :end-val="countsData.user_count" :duration="3600" class="card-panel-num" /> -->
-        </div>
+        </div>
 
       </div>
     </el-col>
@@ -99,15 +99,16 @@ background: linear-gradient(to right, #17b8ee, #1289d9); /* W3C, IE 10+/ Edge, F
   }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="scss" scoped>
   .panel-group {
     // margin-top: 18px;
-    margin-left:-2%!important;
-    margin-right:-3%!important;
-    .card-panel-col {
+    margin-left: -2% !important;
+    margin-right: -3% !important;
+
+    .card-panel-col {
       // margin:0 2%;
-      margin: 32px 2%;
+      margin: 0 2%;
+      margin-bottom: 32px;
     }
 
     .card-panel {
@@ -116,7 +117,7 @@ background: linear-gradient(to right, #17b8ee, #1289d9); /* W3C, IE 10+/ Edge, F
       font-size: 12px;
       position: relative;
       overflow: hidden;
-      color: #666;
+      color: #666;
       text-align: center;
       // background: #fff;
       // box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
@@ -182,7 +183,7 @@ background: linear-gradient(to right, #17b8ee, #1289d9); /* W3C, IE 10+/ Edge, F
           line-height: 25px;
           color: rgb(255, 255, 255);
           font-size: 22px;
-          margin-bottom: 12px;
+          margin-bottom: 12px;
           font-family: "微软雅黑";
         }