no message

src/layout/components/Navbar.vue

@@ -24,15 +24,15 @@
 
       <el-dropdown @command="handleCommand" class="avatar-container right-menu-item hover-effect" trigger="hover">
         <div class="avatar-wrapper">
-          <img :src="userStore.avatar" class="user-avatar" />
-          <span class="user-nickname"> {{ userStore.nickName }} </span>
+          <div class="user-avatar"  style="background-color: #69a6cb;"></div>
+          <div class="user-nickname" style="position: absolute;text-align:center;width: 30px;"> {{ user.realname || '' }} </div>
         </div>
         <template #dropdown>
           <el-dropdown-menu>
-            <router-link to="/user/profile">
+            <!-- <router-link to="/user/profile">
               <el-dropdown-item>个人中心</el-dropdown-item>
-            </router-link>
-            <el-dropdown-item divided command="logout">
+            </router-link> -->
+            <el-dropdown-item command="logout">
               <span>退出登录</span>
             </el-dropdown-item>
           </el-dropdown-menu>
@@ -63,6 +63,8 @@ const appStore = useAppStore()
 const userStore = useUserStore()
 const settingsStore = useSettingsStore()
 
+const user = JSON.parse(sessionStorage.getItem('userInfo')).user??{}
+
 function toggleSideBar() {
   appStore.toggleSideBar()
 }
@@ -203,9 +205,9 @@ function toggleTheme() {
 
         .user-nickname{
           position: relative;
-          left: 5px;
+          // left: 5px;
           bottom: 10px;
-          font-size: 14px;
+          font-size: 10px;
           font-weight: bold;
         }