From deb9a0d7df8896244c42c93d8f36cf195e7e24b9 Mon Sep 17 00:00:00 2001 From: songjie Date: Wed, 21 Jan 2026 13:45:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=A6=82=E8=A7=88=E7=9A=84?= =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=94=BE=E5=9C=A8=E5=B7=A6=E4=B8=8A=E8=A7=92?= =?UTF-8?q?=EF=BC=9B=E5=8D=A1=E7=89=87=E5=A4=A7=E5=B0=8F=E8=B0=83=E6=95=B4?= =?UTF-8?q?=EF=BC=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/PlatformData/UserOverview.vue | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/src/views/PlatformData/UserOverview.vue b/src/views/PlatformData/UserOverview.vue index 0a41104..8306f75 100644 --- a/src/views/PlatformData/UserOverview.vue +++ b/src/views/PlatformData/UserOverview.vue @@ -361,13 +361,14 @@ onMounted(() => { .big-card { flex: 1; - height: 260px; + height: 360px; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; - justify-content: center; + justify-content: flex-start; /* 从顶部开始布局 */ color: #fff; + position: relative; /* 确保绝对定位相对于卡片 */ } .purple-gradient { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); @@ -382,7 +383,7 @@ onMounted(() => { } .right-stats-col { - flex: 1; + flex: 2; display: flex; flex-direction: column; gap: 20px; @@ -393,21 +394,24 @@ onMounted(() => { padding: 20px; display: flex; flex-direction: column; - justify-content: center; + justify-content: flex-start; /* 改为从顶部开始布局 */ color: #fff; + position: relative; /* 确保绝对定位相对于卡片 */ } .card-title { - font-size: 20px; + font-size: 24px; /* 字体放大 */ + font-weight: bold; /* 加粗 */ display: flex; align-items: center; gap: 8px; - margin-bottom: 10px; + margin-bottom: 20px; /* 增加底部间距 */ + width: 100%; /* 占满宽度 */ } .card-value { font-size: 64px; font-weight: bold; - margin: 10px 0; + margin: auto 0; /* 垂直居中剩余空间 */ text-align: center; } .card-value-small {