|
|
@ -361,13 +361,14 @@ onMounted(() => { |
|
|
|
|
|
|
|
|
.big-card { |
|
|
.big-card { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
height: 260px; |
|
|
|
|
|
|
|
|
height: 360px; |
|
|
border-radius: 12px; |
|
|
border-radius: 12px; |
|
|
padding: 24px; |
|
|
padding: 24px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
justify-content: flex-start; /* 从顶部开始布局 */ |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
|
|
|
position: relative; /* 确保绝对定位相对于卡片 */ |
|
|
} |
|
|
} |
|
|
.purple-gradient { |
|
|
.purple-gradient { |
|
|
background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); |
|
|
background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); |
|
|
@ -382,7 +383,7 @@ onMounted(() => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right-stats-col { |
|
|
.right-stats-col { |
|
|
flex: 1; |
|
|
|
|
|
|
|
|
flex: 2; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 20px; |
|
|
gap: 20px; |
|
|
@ -393,21 +394,24 @@ onMounted(() => { |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
justify-content: flex-start; /* 改为从顶部开始布局 */ |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
|
|
|
position: relative; /* 确保绝对定位相对于卡片 */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-title { |
|
|
.card-title { |
|
|
font-size: 20px; |
|
|
|
|
|
|
|
|
font-size: 24px; /* 字体放大 */ |
|
|
|
|
|
font-weight: bold; /* 加粗 */ |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 8px; |
|
|
gap: 8px; |
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
|
margin-bottom: 20px; /* 增加底部间距 */ |
|
|
|
|
|
width: 100%; /* 占满宽度 */ |
|
|
} |
|
|
} |
|
|
.card-value { |
|
|
.card-value { |
|
|
font-size: 64px; |
|
|
font-size: 64px; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
margin: 10px 0; |
|
|
|
|
|
|
|
|
margin: auto 0; /* 垂直居中剩余空间 */ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
.card-value-small { |
|
|
.card-value-small { |
|
|
|