tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
white
2025-12-04 12:29:45 +08:00
parent d3f34c2789
commit 39912dfa88
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layouts/components/NavBar/components/NavbarActions.vue
View File

@@ -32,7 +32,13 @@
<div class="navbar-actions__item"> <div class="navbar-actions__item">
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<div class="user-profile"> <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> <span class="user-profile__name">{{ userStore.userInfo.username }}</span>
</div> </div>
<template #dropdown> <template #dropdown>

5
src/views/dashboard/index.vue
View File

@@ -7,10 +7,13 @@
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<!-- 左侧问候语区域 --> <!-- 左侧问候语区域 -->
<div class="flex-1 flex items-start"> <div class="flex-1 flex items-start">
<div style="width: 80px; height: 80px; overflow: hidden; border-radius: 50%">
<img <img
class="w80px h80px rounded-full"
:src="userStore.userInfo.avatar + '?imageView2/1/w/80/h/80'" :src="userStore.userInfo.avatar + '?imageView2/1/w/80/h/80'"
class="w80px h80px rounded-full"
style="width: 100%; height: 100%; object-fit: cover; object-position: center"
/> />
</div>
<div class="ml-5"> <div class="ml-5">
<p>{{ greetings }}</p> <p>{{ greetings }}</p>
<p class="text-sm text-gray">今日天气晴朗，气温在15℃至25℃之间，东南风。</p> <p class="text-sm text-gray">今日天气晴朗，气温在15℃至25℃之间，东南风。</p>