diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index 8aadd98..3db6abb 100644
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -11,14 +11,14 @@ 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 { $t } from '@/locales';
 interface Props {
   /** The login module */
   module?: UnionKey.LoginModule;
 }
 
 const props = defineProps<Props>();
-const { t } = useI18n();
+const  {t}  = useI18n();
 const themeStore = useThemeStore();
 
 interface LoginModule {
@@ -55,11 +55,11 @@ const bgColor = computed(() => {
     <ACard class="relative z-4">
       <div class="w-400px lt-sm:w-300px">
         <header class="flex-y-center justify-between">
-          <WifiOutlined class="text-64px text-primary lt-sm:text-48px" />
-          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
+          <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-18px text-primary font-medium">{{ t('activeModule.label') }}</h3>
+          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
           <div class="animation-slide-in-left ">
             <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
               <component :is="activeModule.component" />