From d4c901d1c65e5e1a5272c175ca527c4ef2a04172 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Thu, 20 Mar 2025 11:46:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=99=BB=E5=BD=95=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=B8=AD=E8=8B=B1=E6=96=87=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/_builtin/login/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index b1ea56f..5abc2b0 100644
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -11,6 +11,8 @@ import ResetPwd from './modules/reset-pwd.vue';
 import BindWechat from './modules/bind-wechat.vue';
 import { WifiOutlined } from '@ant-design/icons-vue';
 import { useI18n } from "vue-i18n";
+import { useAppStore } from '@/store/modules/app';
+const appStore = useAppStore();
 interface Props {
   /** The login module */
   module?: UnionKey.LoginModule;
@@ -53,12 +55,18 @@ const bgColor = computed(() => {
     <WaveBg :theme-color="bgThemeColor" />
     <ACard class="relative z-4">
       <div class="w-400px lt-sm:w-300px">
-        <header class="flex justify-center items-center">
-          <WifiOutlined class="text-64px text-primary lt-sm:text-48px" style="margin-left: 9px"/>
-          <h3 class="text-10px text-primary font-medium self-end">{{ "WANFi" }}</h3>
+        <header class="flex items-center justify-center relative w-full">
+          <div class="flex items-center">
+            <WifiOutlined class="text-64px text-primary lt-sm:text-48px" style="margin-left: 9px"/>
+            <h3 class="text-10px text-primary font-medium self-end">{{ "WANFi" }}</h3>
+          </div>
+          <div class="absolute right-0">
+            <LangSwitch :lang="appStore.locale" :lang-options="appStore.localeOptions" @change-lang="appStore.changeLocale" />
+          </div>
         </header>
         <main >
           <h3 class="text-28px text-primary font-500 lt-sm:text-22px ">{{ t(activeModule.label) }}</h3>
+
           <div class="animation-slide-in-left ">
             <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
               <component :is="activeModule.component" />