[bug] 用户菜单样式调整

src/components/tools/UserMenu.vue

@@ -4,7 +4,7 @@
     <a-dropdown>
       <span class="action action-full ant-dropdown-link user-dropdown-menu">
         <a-avatar class="avatar" size="small" :src="getAvatar()"/>
-        <span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
+        <span v-if="isDesktop()"><j-ellipsis :value="`欢迎您，${nickname()}`" :length="10"></j-ellipsis></span>
       </span>
       <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
         <a-menu-item key="0">
@@ -79,7 +79,7 @@
       // update-begin author:sunjianlei date:20200219 for: 头部菜单搜索规范命名 --------------
       searchMenuOptions: [],
       searchMenuComp: 'span',
-        searchMenuVisible: false,
+      searchMenuVisible: false
       // update-begin author:sunjianlei date:20200219 for: 头部菜单搜索规范命名 --------------
     }
   },
@@ -126,8 +126,8 @@
       handler() {
         this.searchMenuVisible = false
         this.searchMenuComp = this.isMobile() ? 'a-modules' : 'span'
-        },
+      }
-      },
+    }
     // update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件，在手机端呈现出弹出框
   },
   methods: {
@@ -164,7 +164,7 @@
           })
         },
         onCancel() {
-          },
+        }
       })
     },
     updatePassword() {
@@ -237,13 +237,20 @@
     background-color: inherit;
     border: 0;
     border-bottom: 1px solid white;
+
     &__placeholder, &__field__placeholder {
       color: inherit;
     }
   }
 }
+
 /* update-end author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
 /* update_end author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
+
+.user-dropdown-menu-wrapper.ant-dropdown-menu .ant-dropdown-menu-item {
+  width: 100%;
+  text-align: center;
+}
 </style>
 
 <style scoped>