feat: 在AppHeader中集成语言切换组件

- 在AppHeader主导航栏中添加LanguageSwitch组件
- 使用dropdown模式和medium尺寸提供最佳用户体验
- 与现有ThemeToggle组件并列放置,保持界面一致性
- 为管理后台提供全局语言切换功能
This commit is contained in:
Wangnov
2025-09-08 15:41:29 +08:00
parent f4b873315a
commit 87591365bc

View File

@@ -38,6 +38,11 @@
</div> </div>
<!-- 主题切换和用户菜单 --> <!-- 主题切换和用户菜单 -->
<div class="flex items-center gap-2 sm:gap-4"> <div class="flex items-center gap-2 sm:gap-4">
<!-- 语言切换按钮 -->
<div class="flex items-center">
<LanguageSwitch mode="dropdown" size="medium" />
</div>
<!-- 主题切换按钮 --> <!-- 主题切换按钮 -->
<div class="flex items-center"> <div class="flex items-center">
<ThemeToggle mode="dropdown" /> <ThemeToggle mode="dropdown" />
@@ -273,6 +278,7 @@ import { showToast } from '@/utils/toast'
import { apiClient } from '@/config/api' import { apiClient } from '@/config/api'
import LogoTitle from '@/components/common/LogoTitle.vue' import LogoTitle from '@/components/common/LogoTitle.vue'
import ThemeToggle from '@/components/common/ThemeToggle.vue' import ThemeToggle from '@/components/common/ThemeToggle.vue'
import LanguageSwitch from '@/components/common/LanguageSwitch.vue'
const router = useRouter() const router = useRouter()
const authStore = useAuthStore() const authStore = useAuthStore()