fix: 默认头像

src/layouts/components/Header/components/Avatar.vue

@@ -1,11 +1,8 @@
 <template>
   <el-dropdown trigger="click">
-    <div class="avatar" v-if="userStore.avatar">
+    <div class="avatar">
       <img :src="userStore.avatar" />
     </div>
-    <div class="avatar-dft" v-else>
-      <img src="@/assets/images/defAva.png" alt="avatar" />
-    </div>
     <template #dropdown>
       <el-dropdown-menu>
         <el-dropdown-item @click="toProfile()">
@@ -34,6 +31,7 @@ import PasswordDialog from './PasswordDialog.vue'
 import IEDrawer from '@/views/import-export/index.vue'
 const router = useRouter()
 const userStore = useUserStore()
+console.log('userStore', userStore.avatar)
 
 const toProfile = () => {
   router.push('/system/user/profile')
@@ -73,19 +71,20 @@ const openDrawer = () => {
     height: 100%;
   }
 }
-.avatar-dft {
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-  cursor: pointer;
-  border-radius: 50%;
-  img {
-    width: 100%;
-    height: 100%;
-    color: var(--color);
-    filter: drop-shadow(var(--el-menu-active-color) 100px 0);
-    fill: currentColor;
-    transform: translateX(-100px);
-  }
-}
+
+// .avatar-dft {
+//   width: 40px;
+//   height: 40px;
+//   overflow: hidden;
+//   cursor: pointer;
+//   border-radius: 50%;
+//   img {
+//     width: 100%;
+//     height: 100%;
+//     color: var(--color);
+//     filter: drop-shadow(var(--el-menu-active-color) 100px 0);
+//     fill: currentColor;
+//     transform: translateX(-100px);
+//   }
+// }
 </style>

src/stores/modules/global.ts

@@ -22,7 +22,7 @@ export const useGlobalStore = defineStore('admin-global', {
     // 色弱模式
     isWeak: false,
     // 侧边栏反转
-    asideInverted: false,
+    asideInverted: true,
     // 头部反转
     headerInverted: false,
     // 折叠菜单
@@ -32,7 +32,7 @@ export const useGlobalStore = defineStore('admin-global', {
     // 面包屑导航
     breadcrumb: true,
     // 面包屑导航图标
-    breadcrumbIcon: false,
+    breadcrumbIcon: true,
     // 标签页
     tabs: true,
     // 标签页图标

src/stores/modules/user.ts

@@ -2,7 +2,7 @@ import { UserState } from '@/stores/interface'
 import piniaPersistConfig from '@/stores/helper/persist'
 import { getToken, setToken, removeToken } from '@/utils/token'
 import { loginApi, getInfoApi, logoutApi } from '@/api/modules/login'
-// import defAva from '@/assets/images/defAva.png'
+import defAvatar from '@/assets/images/avatar.jpg'
 import { LoginData } from '@/api/interface/login'
 export const useUserStore = defineStore('admin-user', {
   state: (): UserState => ({
@@ -37,7 +37,7 @@ export const useUserStore = defineStore('admin-user', {
             if (res.code === 200) {
               const data = res.data
               const user = data.user
-              const avatar = user.avatar == '' || user.avatar == null ? null : import.meta.env.VITE_APP_BASE_API + user.avatar
+              const avatar = user.avatar == '' || user.avatar == null ? defAvatar : import.meta.env.VITE_APP_BASE_API + user.avatar
               if (data.roles && data.roles.length > 0) {
                 // 验证返回的roles是否是一个非空数组
                 this.roles = data.roles