From b72c5feff6b7590d65a3d1f3203a1f6d2416629e Mon Sep 17 00:00:00 2001
From: ovo <ovo@ovo.com>
Date: Sat, 7 Dec 2024 22:30:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E5=90=8E=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/TopBar.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/layout/TopBar.vue b/src/components/layout/TopBar.vue
index d41493c..f0e6373 100644
--- a/src/components/layout/TopBar.vue
+++ b/src/components/layout/TopBar.vue
@@ -6,27 +6,26 @@
     
     <div class="right">
       <template v-if="userStore.userInfo">
-        <!-- 已登录状态 -->
-        <el-dropdown trigger="click" @command="handleCommand">
-          <div class="user-info">
+        <el-dropdown :hide-on-click="false">
+          <span class="user-info">
             <el-avatar 
               :size="32" 
               :src="userStore.userInfo.avatar || defaultAvatar"
             />
             <span class="nickname">{{ userStore.userInfo.nickname || '用户' }}</span>
             <el-icon class="el-icon--right"><arrow-down /></el-icon>
-          </div>
+          </span>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item command="profile">
+              <el-dropdown-item @click="handleCommand('profile')">
                 <el-icon><User /></el-icon>
                 个人中心
               </el-dropdown-item>
-              <el-dropdown-item command="settings">
+              <el-dropdown-item @click="handleCommand('settings')">
                 <el-icon><Setting /></el-icon>
                 设置
               </el-dropdown-item>
-              <el-dropdown-item divided command="logout">
+              <el-dropdown-item divided @click="handleCommand('logout')">
                 <el-icon><SwitchButton /></el-icon>
                 退出登录
               </el-dropdown-item>
@@ -67,8 +66,9 @@ onMounted(async () => {
   }
 })
 
-// 处理下拉菜单命令
+// 处理菜单点击
 const handleCommand = async (command: string) => {
+  console.log('Menu clicked:', command) // 添加调试日志
   switch (command) {
     case 'profile':
       router.push('/profile')
@@ -126,6 +126,7 @@ const handleCommand = async (command: string) => {
   padding: 2px 8px;
   border-radius: 4px;
   transition: background-color 0.3s;
+  user-select: none; /* 防止文本被选中 */
 }
 
 .user-info:hover {