From b1723f16be38b7ad90e0dfc601b6bd65693409c5 Mon Sep 17 00:00:00 2001
From: dfish <>
Date: Mon, 13 Dec 2021 11:45:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D.user-name=E4=B8=8D=E7=94=9F?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98(make=20the=20.user-name=20style=20i?=
 =?UTF-8?q?n=20Header.vue=20work)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 849d241..0fd031c 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -22,21 +22,23 @@
                     <img src="../assets/img/img.jpg" />
                 </div>
                 <!-- 用户名下拉菜单 -->
-                <el-dropdown class="user-name" trigger="click" @command="handleCommand">
+               <div class="user-name">
+                 <el-dropdown trigger="click" @command="handleCommand">
                     <span class="el-dropdown-link">
                         {{username}}
                         <i class="el-icon-caret-bottom"></i>
                     </span>
-                    <template #dropdown>
-                        <el-dropdown-menu>
-                            <a href="https://github.com/lin-xin/vue-manage-system" target="_blank">
-                                <el-dropdown-item>项目仓库</el-dropdown-item>
-                            </a>
-                            <el-dropdown-item command="user">个人中心</el-dropdown-item>
-                            <el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
-                        </el-dropdown-menu>
-                    </template>
-                </el-dropdown>
+                   <template #dropdown>
+                     <el-dropdown-menu>
+                       <a href="https://github.com/lin-xin/vue-manage-system" target="_blank">
+                         <el-dropdown-item>项目仓库</el-dropdown-item>
+                       </a>
+                       <el-dropdown-item command="user">个人中心</el-dropdown-item>
+                       <el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
+                     </el-dropdown-menu>
+                   </template>
+                 </el-dropdown>
+               </div>
             </div>
         </div>
     </div>