Browse Source

数据概览的标题放在左上角;卡片大小调整;

zhaowenkang/feature-20260206140254-后台AI复盘二期
songjie 1 month ago
parent
commit
deb9a0d7df
  1. 18
      src/views/PlatformData/UserOverview.vue

18
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 {

Loading…
Cancel
Save