From e9c13b24e4c8af3c3595dd528968d7f2bcc1f2a8 Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Sat, 14 Jan 2023 17:58:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9C=8B=20=E4=BB=8A?=
 =?UTF-8?q?=E6=97=A5=E8=AE=A2=E5=8D=95=E6=95=B0=EF=BC=8C=E4=BB=8A=E6=97=A5?=
 =?UTF-8?q?=E6=80=BB=E6=94=B6=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 41 ++++++++++++++++++++++++++++-------------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index fbbf552..eebe56a 100644
--- a/src/views/index.vue
+++ b/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>