调整卡片高度

This commit is contained in:
liuwei
2025-06-04 16:38:05 +08:00
parent acf2f2f4f4
commit 167b6a0b9d

View File

@@ -14,14 +14,14 @@
</div>
<div v-if="currentUser.success" class="user-info-container">
<el-row :gutter="10">
<el-col :span="8">
<el-col :span="6">
<div class="user-avatar-column">
<div class="user-avatar-container">
<img :src="currentUser.data.avatar" alt="用户头像" />
</div>
</div>
</el-col>
<el-col :span="16">
<el-col :span="18">
<div class="user-info-column">
<div class="user-info-item">
<span class="user-info-label">昵称:</span>
@@ -760,7 +760,6 @@
/* 用户信息卡片样式 */
.user-info-container {
display: flex;
padding: 5px 0;
}
@@ -768,11 +767,12 @@
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.user-avatar-container {
width: 40px;
height: 40px;
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -785,7 +785,7 @@
}
.user-info-column {
flex: 1;
padding-left: 5px;
}
.user-info-item {