fix(mock): 🐛 修复首页头像压缩展示、导航栏头像压缩展示

2025-12-04 12:29:45 +08:00
parent d3f34c2789
commit 39912dfa88
2 changed files with 14 additions and 5 deletions
--- a/src/layouts/components/NavBar/components/NavbarActions.vue
+++ b/src/layouts/components/NavBar/components/NavbarActions.vue
@@ -32,7 +32,13 @@
    <div class="navbar-actions__item">
      <el-dropdown trigger="click">
        <div class="user-profile">
-          <img class="user-profile__avatar" :src="userStore.userInfo.avatar" />
+          <div style="width: 28px; height: 28px; overflow: hidden; border-radius: 50%">
+            <img
+              :src="userStore.userInfo.avatar"
+              class="user-profile__avatar"
+              style="width: 100%; height: 100%; object-fit: cover; object-position: center"
+            />
+          </div>
          <span class="user-profile__name">{{ userStore.userInfo.username }}</span>
        </div>
        <template #dropdown>