fix

@@ -36,6 +36,9 @@ function userCommand(command: 'home' | 'setting' | 'updatePwd' | 'hotkeys' | 'lo
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', '_blank')
 }
+onMounted(() => {
+  console.log('mounted', JSON.parse(userStore.userData).abbreviation)
+})
 </script>
 <template>
   <div class="tools">
@@ -53,11 +56,17 @@ function pro() {
             <svg-icon name="ep:user-filled" />
           </el-icon>
         </el-avatar>
-        {{ userStore.userName }}
+        <div class="v-uerinfo">
+          <div class="v-top">{{ userStore.userName }}</div>
+          <div class="v-top"> {{ JSON.parse(userStore.userData).abbreviation }}</div>
+        </div>
+        <div>
           <el-icon>
             <svg-icon name="ep:caret-bottom" />
           </el-icon>
         </div>
+
+      </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
           <!-- <el-dropdown-item command="setting">
@@ -143,10 +152,26 @@ function pro() {
   cursor: pointer;
 
   .user-wrapper {
+    display: flex;
+    align-items: center;
+    height: 100%;
+
+    .v-uerinfo {
+      display: flex;
+      flex-direction: column;
+      font-size: 12px;
+
+      .v-top {
+        height: 18px;
+        line-height: 18px;
+      }
+    }
+
     .el-avatar {
       vertical-align: middle;
       margin-top: -2px;
       margin-right: 4px;
     }
   }
-}</style>
+}
+</style>