调整卡片高度

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