style: 调整用户卡片头像的显示样式

将头像的 `fit` 属性设置为 `cover`，并将 `shape` 属性设置为 `square`，以改善头像的显示效果。
2025-04-29 08:16:58 +08:00 · 2025-04-29 08:16:58 +08:00 · f39d1f48e4
parent e0bdcaee0d
commit f39d1f48e4
1 changed files with 1 additions and 1 deletions
--- a/src/views/user/qy/index.vue
+++ b/src/views/user/qy/index.vue
@ -60,7 +60,7 @@ watch(
          <el-col v-for="(item, index) in dataList" :key="item.id" :xs="24" :sm="12" :md="8" :lg="6">
            <el-card class="user-card">
              <div class="card-content">
-                <el-avatar :size="60" :src="item.avatar" class="avatar" />
+                <el-avatar :size="60" :src="item.avatar" fit="cover" shape="square" class="avatar" />
                <div class="user-info">
                  <div class="name">{{ item.name }}</div>
                  <div class="gender">性别：{{ item.gender === '1' ? '男' : item.gender === '2' ? '女' : '' }}</div>