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" />