【修改】头部修改间距

jero-web/src/components/tools/UserMenu.vue

@@ -33,11 +33,18 @@
       </a>
     </span>
     <header-notice class="action"/>
-    <span style="padding: 12px">
-      <a-avatar class="avatar" size="small" :src="getAvatar()"/>
+    <span style="display:inline-block;padding: 0 0 0 16px">
+      <template v-if='getAvatar()'>
+         <a-avatar class="avatar" size="small" :src="getAvatar()"/>
+      </template>
+       <template v-else>
+         <a-avatar :size="20">
+          <template #icon>  <a-icon type="user"></a-icon></template>
+        </a-avatar>
+      </template>
     </span>
     <a-dropdown>
-      <span class="action">
+      <span class=" small-action">
         <span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
       </span>
       <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
@@ -104,7 +111,7 @@ import { mixinDevice } from '@/utils/mixin.js'
 import { getFileAccessHttpUrl, getAction } from '@/api/manage'
 import Vue from 'vue'
 import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
-
+import { UserOutlined } from '@ant-design/icons-vue';
 export default {
   name: 'UserMenu',
   mixins: [mixinDevice],
@@ -118,6 +125,7 @@ export default {
     }
   },
   components: {
+    UserOutlined,
     HeaderNotice,
     UserPassword,
     DepartSelect,
@@ -269,6 +277,7 @@ export default {
   .user-wrapper .search-input {
     width: 210px;
     color: inherit;
+    margin-right: 8px;
 
     /deep/ .ant-select-selection {
       background-color: #F7F8FA !important;
@@ -284,7 +293,13 @@ export default {
   /* update_end author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
 </style>
 
-<style scoped>
+<style lang="less" scoped>
+  .ant-avatar {
+    background-color: #fff;
+    color: #333 !important;
+    border: 1px solid #333;
+    vertical-align: sub;
+  }
   .logout_title {
     color: inherit;
     text-decoration: none;