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 {