From 1457397a566a95319bf60ddb8c7c0bb2bb8676e2 Mon Sep 17 00:00:00 2001
From: aoxiang78 <ao_xiang@live.com>
Date: Sat, 9 Sep 2023 11:02:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=9B=B4=E6=8D=A2=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../header/components/user-dropdown/index.vue   | 17 +++++++----------
 src/layouts/default/header/index.less           |  3 ---
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index e7ccc12..9037357 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { Dropdown, Menu, MenuDivider } from 'ant-design-vue'
+import { Avatar, Dropdown, Menu, MenuDivider } from 'ant-design-vue'
+import { UserOutlined } from '@ant-design/icons-vue'
 import type { MenuInfo } from 'ant-design-vue/lib/menu/src/interface'
 import { computed } from 'vue'
 import { DOC_URL } from '@/settings/siteSetting'
@@ -78,7 +79,9 @@ function handleMenuClick(e: MenuInfo) {
 <template>
   <Dropdown placement="bottomLeft" :overlay-class-name="`${prefixCls}-dropdown-overlay`">
     <span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex">
-      <img :class="`${prefixCls}__header`" :src="getUserInfo.avatar">
+      <Avatar size="small" :class="`${prefixCls}__avatar`" :src="getUserInfo.avatar">
+        <template #icon><UserOutlined /></template>
+      </Avatar>
       <span :class="`${prefixCls}__info hidden md:block`">
         <span :class="`${prefixCls}__name  `" class="truncate">
           {{ getUserInfo.nickname }}
@@ -111,14 +114,8 @@ function handleMenuClick(e: MenuInfo) {
   font-size: 12px;
   cursor: pointer;
 
-  img {
-    width: 24px;
-    height: 24px;
-    margin-right: 12px;
-  }
-
-  &__header {
-    border-radius: 50%;
+  &__avatar {
+    margin-right: 5px;
   }
 
   &__name {
diff --git a/src/layouts/default/header/index.less b/src/layouts/default/header/index.less
index 6068839..004c4ec 100644
--- a/src/layouts/default/header/index.less
+++ b/src/layouts/default/header/index.less
@@ -131,9 +131,6 @@
       }
     }
 
-    span[role="img"] {
-      padding: 0 8px;
-    }
   }
 
   &--light {