左边栏header右侧增加向下箭头

dashboard/src2/components/AppSidebar.vue

@@ -15,15 +15,13 @@
 					<JLogo class="logo-icon" />
 					<div v-if="!collapsed" class="user-info-text">
 						<div class="brand-name">今果 Jingrow</div>
-						<n-tooltip>
-							<template #trigger>
-								<div class="user-name">
-									{{ teamUserText }}
-								</div>
-							</template>
+						<div class="user-name">
 							{{ teamUserText }}
-						</n-tooltip>
+						</div>
 					</div>
+					<n-icon v-if="!collapsed" class="chevron-icon">
+						<ChevronDown />
+					</n-icon>
 				</div>
 			</n-dropdown>
 		</div>
@@ -54,19 +52,20 @@
 <script>
 import { defineAsyncComponent, computed, ref, h, getCurrentInstance } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { NMenu, NDropdown, NTooltip, NIcon } from 'naive-ui';
+import { NMenu, NDropdown, NIcon } from 'naive-ui';
 import NavigationItems from './NavigationItems.vue';
 import JLogo from '@/components/icons/JLogo.vue';
+import ChevronDown from '~icons/lucide/chevron-down';
 
 export default {
 	name: 'AppSidebar',
 	components: {
 		NMenu,
 		NDropdown,
-		NTooltip,
 		NIcon,
 		NavigationItems,
 		JLogo,
+		ChevronDown,
 		SwitchTeamDialog2: defineAsyncComponent(() =>
 			import('./SwitchTeamDialog.vue')
 		),
@@ -382,6 +381,18 @@ export default {
 	transition: opacity 0.2s ease;
 }
 
+.chevron-icon {
+	font-size: 16px;
+	color: #8b8e95;
+	margin-left: auto;
+	flex-shrink: 0;
+	transition: color 0.2s ease;
+}
+
+.user-info:hover .chevron-icon {
+	color: #4a5568;
+}
+
 /* 菜单区域 */
 .sidebar-menu {
 	flex: 1;