From 5663698ecdc32b6149a1bc3bbb21ceefc34a479d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A6=99=E7=A0=81=E7=94=9F=E8=8A=B1?= <18523774412@qq.com>
Date: Fri, 11 Oct 2024 21:12:09 +0800
Subject: [PATCH] =?UTF-8?q?style:=E4=BC=98=E5=8C=96=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layouts/backend/components/navMenus.vue | 8 ++------
 web/src/layouts/frontend/components/aside.vue   | 6 +++++-
 web/src/views/backend/routine/adminInfo.vue     | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/layouts/backend/components/navMenus.vue b/web/src/layouts/backend/components/navMenus.vue
index 837f5858..1ec2c086 100644
--- a/web/src/layouts/backend/components/navMenus.vue
+++ b/web/src/layouts/backend/components/navMenus.vue
@@ -74,17 +74,13 @@
         >
             <template #reference>
                 <div class="admin-info" :class="state.currentNavMenu == 'adminInfo' ? 'hover' : ''">
-                    <el-avatar :size="25" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
-                    </el-avatar>
+                    <el-avatar :size="25" :src="fullUrl(adminInfo.avatar)"></el-avatar>
                     <div class="admin-name">{{ adminInfo.nickname }}</div>
                 </div>
             </template>
             <div>
                 <div class="admin-info-base">
-                    <el-avatar :size="70" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
-                    </el-avatar>
+                    <el-avatar :size="70" :src="fullUrl(adminInfo.avatar)"></el-avatar>
                     <div class="admin-info-other">
                         <div class="admin-info-name">{{ adminInfo.nickname }}</div>
                         <div class="admin-info-lasttime">{{ adminInfo.last_login_time }}</div>
diff --git a/web/src/layouts/frontend/components/aside.vue b/web/src/layouts/frontend/components/aside.vue
index ce7176cc..3e8e6187 100644
--- a/web/src/layouts/frontend/components/aside.vue
+++ b/web/src/layouts/frontend/components/aside.vue
@@ -94,11 +94,15 @@ const routerPush = (routeName = '', route?: RouteRecordRaw) => {
 }
 .user-avatar-box {
     position: relative;
+    width: 100px;
+    height: 100px;
     cursor: pointer;
 }
 .user-avatar {
     display: block;
-    width: 100px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
     border-radius: 50%;
 }
 .user-avatar-gender {
diff --git a/web/src/views/backend/routine/adminInfo.vue b/web/src/views/backend/routine/adminInfo.vue
index 25ec972c..0d503126 100644
--- a/web/src/views/backend/routine/adminInfo.vue
+++ b/web/src/views/backend/routine/adminInfo.vue
@@ -12,7 +12,7 @@
                         accept="image/gif, image/jpg, image/jpeg, image/bmp, image/png, image/webp"
                         v-if="!isEmpty(state.adminInfo)"
                     >
-                        <el-image :src="fullUrl(state.adminInfo.avatar)" class="avatar">
+                        <el-image fit="cover" :src="fullUrl(state.adminInfo.avatar)" class="avatar">
                             <template #error>
                                 <div class="image-slot">
                                     <Icon size="30" color="#c0c4cc" name="el-icon-Picture" />