数据看 今日订单数，今日总收入

src/views/index.vue

@@ -33,7 +33,7 @@
         </el-col>
       </el-row>
     </el-card>
-    <el-row :gutter="10" class="order">
+    <el-row :gutter="10" class="order" type="flex">
       <el-col :span="14">
         <el-card>
           <div class="card-title">全部订单</div>
@@ -72,10 +72,16 @@
         </el-card>
       </el-col>
       <el-col :span="5">
-        <el-card>2</el-card>
+        <el-card class="today-order">
+          <div class="num">569</div>
+          <div class="bottom-label">今日订单数</div>
+        </el-card>
       </el-col>
       <el-col :span="5">
-        <el-card>2</el-card>
+        <el-card class="total-income">
+          <div class="num">569.00</div>
+          <div class="bottom-label">今日总收入</div>
+        </el-card>
       </el-col>
     </el-row>
   </div>
@@ -118,6 +124,16 @@ export default {
     font-weight: bold;
   }
 
+  .num {
+    font-size: 24px;
+    margin-top: 10px;
+  }
+
+  .bottom-label {
+    font-size: 16px;
+    margin-top: 10px;
+  }
+
   &>.today {
     margin-top: 10px;
 
@@ -140,16 +156,6 @@ export default {
         font-size: 16px;
       }
 
-      .num {
-        font-size: 24px;
-        margin-top: 10px;
-      }
-
-      .bottom-label {
-        font-size: 16px;
-        margin-top: 10px;
-      }
-
       .up {
         color: red;
       }
@@ -194,6 +200,15 @@ export default {
         }
       }
     }
+
+    .today-order,
+    .total-income {
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
   }
 }
 </style>