From 91ba49e4f01b2110c41c15400b106f490f9b96cf Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 28 Dec 2025 21:00:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96header=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=8C=BA=E5=9F=9F=E8=83=8C=E6=99=AF=E8=89=B2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src2/App.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/dashboard/src2/App.vue b/dashboard/src2/App.vue
index f8e4ad2..b50227f 100644
--- a/dashboard/src2/App.vue
+++ b/dashboard/src2/App.vue
@@ -37,10 +37,11 @@
 						:options="mobileDropdownOptions"
 						:show-arrow="true"
 						trigger="click"
+						v-model:show="isMobileDropdownOpen"
 						@select="handleMobileDropdownSelect"
 						placement="bottom-start"
 					>
-						<div class="mobile-user-info-wrapper">
+						<div class="mobile-user-info-wrapper" :class="{ 'mobile-user-info-wrapper--active': isMobileDropdownOpen }">
 							<div class="mobile-user-info">
 								{{ teamUserText }}
 							</div>
@@ -111,6 +112,7 @@ const route = useRoute();
 const team = getTeam();
 const instance = getCurrentInstance();
 const showTeamSwitcher = ref(false);
+const isMobileDropdownOpen = ref(false);
 
 // Naive UI 主题配置 - 使用标准方式配置 tooltip 和 menu
 const themeOverrides = {
@@ -359,14 +361,14 @@ n-config-provider {
 	max-width: calc(100% - 80px);
 }
 
-.mobile-user-info-wrapper:hover {
-	background: rgba(0, 0, 0, 0.04);
-}
-
 .mobile-user-info-wrapper:active {
 	background: rgba(0, 0, 0, 0.06);
 }
 
+.mobile-user-info-wrapper--active {
+	background: rgba(0, 0, 0, 0.04);
+}
+
 .mobile-user-info {
 	font-size: 14px;
 	font-weight: 500;