大屏页面2

src/views/dashboard/PanelGroup.vue

@@ -2,15 +2,13 @@
   <el-row :gutter="36" class="panel-group">
     <el-col :span="4" class="card-panel-col">
       <div class="card-panel"> 
-        <!-- <div class="card-panel-icon-wrapper">
-          
-        </div> -->
         <div class="card-panel-description">
           <div class="card-panel-text">
             今日食堂营业额（元）
           </div>
           <count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" />
         </div>
+        
       </div>
     </el-col>
      
@@ -54,65 +52,36 @@ export default {
     border-color: rgba(0, 0, 0, .05);
     padding: 20px;
 
-    &:hover {
-      // .card-panel-icon-wrapper {
-      //   color: #fff;
-      // } 
-
+    // &:hover {  
     //   .icon-message {
     //     background: #36a3f7;
     //   } 
-
-      // .icon-money {
-      //   background: #f4516c;
     // } 
 
-      // .icon-shopping {
-      //   background: #34bfa3
-      // }
-    } 
-
     // .icon-message {
     //   color: #36a3f7;
     // }   
-
-    // .icon-money {
-    //   color: #f4516c;
-    // }
-
-    // .icon-shopping {
-    //   color: #34bfa3
-    // }
-
-    .card-panel-icon-wrapper {
-      float: left;
-      margin: 14px 0 0 14px;
-      padding: 16px;
-      transition: all 0.38s ease-out;
-      border-radius: 6px;
-    }
-
-    .card-panel-icon {
-      float: left;
-      font-size: 48px;
-    }
-
     .card-panel-description {
       font-weight: bold;
-      margin: 26px;
+      margin: 0px;
       margin-left: 0px;
 
       .card-panel-text {
         line-height: 18px;
-        color: rgba(0, 0, 0, 0.45);
+        color: rgba(0, 0, 0, 0.5);
         font-size: 16px;
-        margin-bottom: 12px;
+        margin-bottom: 15px;
       }
 
       .card-panel-num {
-        font-size: 20px;
+        font-size: 24px;
+        color: #000;
       }
     }
+
+
+
+
   }
 } 
 </style>