mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
feat: 在AppHeader中集成语言切换组件
- 在AppHeader主导航栏中添加LanguageSwitch组件 - 使用dropdown模式和medium尺寸提供最佳用户体验 - 与现有ThemeToggle组件并列放置,保持界面一致性 - 为管理后台提供全局语言切换功能
This commit is contained in:
@@ -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()
|
||||||
|
|||||||
Reference in New Issue
Block a user