From 0eba2c45f57ab19ecab474e9561dd4972df7d7c7 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Wed, 19 Jun 2024 03:03:29 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E6=94=B9=E5=8F=B3=E4=B8=8A?=
 =?UTF-8?q?=E8=A7=92=E7=94=A8=E6=88=B7=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/navbar/index.vue | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/layout/navbar/index.vue b/src/layout/navbar/index.vue
index ab56862..e95c8d0 100644
--- a/src/layout/navbar/index.vue
+++ b/src/layout/navbar/index.vue
@@ -6,8 +6,12 @@
       <!--        <bell-socket/>-->
       <div class="user-box">
         <div>
-          <!--         <img :src="userInfo.avatar" alt="" @click.stop="handleVisitedP">-->
-          <span @click.stop="handleVisitedP">欢迎回来，{{ userInfo.nickName }}</span>
+          <el-avatar>{{ userInfo.nickName }}</el-avatar>
+          <div @click.stop="handleVisitedP">{{ userInfo.nickName }}
+            <el-icon style="margin-left: 5px">
+              <ArrowDownBold/>
+            </el-icon>
+          </div>
         </div>
         <div class="person" v-if="visitedP">
           <ul>
@@ -90,8 +94,6 @@ const handleVisitedP = () => {
       visitedP.value = !visitedP.value
     })
   })
-
-
 }
 
 const accountChange = (userId) => {
@@ -123,6 +125,11 @@ const handleLogout = () => {
 </script>
 
 <style lang="scss" scoped>
+:deep(.el-avatar--circle) {
+  margin-right: 10px;
+  background-color: #8a7243;
+}
+
 .navbar {
   height: 65px;
   padding: 0 15px 0 0;
@@ -147,8 +154,9 @@ const handleLogout = () => {
         display: flex;
         align-items: center;
 
-        > span {
-          margin-left: 5px;
+        > div {
+          display: flex;
+          align-items: center;
         }
 
         img {
@@ -168,7 +176,7 @@ const handleLogout = () => {
         width: 280px;
         right: 0;
         z-index: 300;
-        top: 46px;
+        top: 54px;
         padding: 5px 0;
         border-radius: 4px;
         background-color: #fff;
@@ -214,10 +222,6 @@ const handleLogout = () => {
             }
           }
 
-          :deep(.el-avatar--circle) {
-            margin-right: 10px;
-            background-color: #8a7243;
-          }
 
         }