diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index 3db6abb..84f0502 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();
 //import { $t } from '@/locales';
 interface Props {
   /** The login module */
@@ -58,9 +60,12 @@ const bgColor = computed(() => {
           <WifiOutlined class="text-64px text-primary lt-sm:text-48px" style="margin-left: 9px"/>
           <h3 class="text-18px text-primary font-medium">{{ t(activeModule.label) }}</h3>
         </header>
-        <main >
-          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
-          <div class="animation-slide-in-left ">
+        <main>
+          <div class="flex justify-between items-center">
+            <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
+            <LangSwitch :lang="appStore.locale" :lang-options="appStore.localeOptions" @change-lang="appStore.changeLocale" />
+          </div>
+          <div class="animation-slide-in-left">
             <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
               <component :is="activeModule.component" />
             </Transition>