From 808a43c57ace3ce7f469825fed68cf4c56fda33f Mon Sep 17 00:00:00 2001
From: songjie <bestsongj@163.com>
Date: Wed, 21 Jan 2026 15:25:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=A1=E7=89=87=E5=86=85?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PlatformData/UserOverview.vue | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/views/PlatformData/UserOverview.vue b/src/views/PlatformData/UserOverview.vue
index 45fbb35..a7a8c3a 100644
--- a/src/views/PlatformData/UserOverview.vue
+++ b/src/views/PlatformData/UserOverview.vue
@@ -25,9 +25,11 @@
           <div class="card-title">
             <el-icon><UserFilled /></el-icon> 用户总数
           </div>
-          <div class="card-value">154,838</div>
-          <div class="card-tag up">
-            较昨日增加↑ 5.22%
+          <div class="big-card-content">
+            <div class="card-value">154,838</div>
+            <div class="card-tag up">
+              较昨日增加↑ 5.22%
+            </div>
           </div>
         </div>
 
@@ -420,9 +422,17 @@ onMounted(() => {
 .card-value {
   font-size: 64px;
   font-weight: bold;
-  margin: auto 0; /* 垂直居中剩余空间 */
+  margin: 0;
   text-align: center;
 }
+.big-card-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px; /* 数字和百分比之间的间距 */
+}
 .card-value-small {
   font-size: 48px;
   font-weight: bold;
@@ -440,11 +450,10 @@ onMounted(() => {
 }
 .card-tag {
   background-color: #fff;
-  padding: 4px 12px;
+  padding: 8px 16px; /* 增加高度 */
   border-radius: 4px;
   font-weight: bold;
   display: inline-block;
-  margin: 0 auto; /* Center for big card */
 }
 .big-card .card-tag {
   font-size: 18px;
@@ -468,7 +477,8 @@ onMounted(() => {
 }
 .section-header {
   color: #fff;
-  font-size: 20px;
+  font-size: 24px;
+  font-weight: bold;
   margin-bottom: 15px;
   display: flex;
   align-items: center;