fix:登录界面框架修改

src/views/_builtin/login/index.vue

@@ -2,7 +2,6 @@
 import { computed } from 'vue';
 import type { Component } from 'vue';
 import { getColorPalette, mixColor } from '@sa/utils';
-import { $t } from '@/locales';
 import { useThemeStore } from '@/store/modules/theme';
 import { loginModuleRecord } from '@/constants/app';
 import PwdLogin from './modules/pwd-login.vue';
@@ -10,6 +9,8 @@ import CodeLogin from './modules/code-login.vue';
 import Register from './modules/register.vue';
 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";
 
 interface Props {
   /** The login module */
@@ -17,7 +18,7 @@ interface Props {
 }
 
 const props = defineProps<Props>();
-
+const { t } = useI18n();
 const themeStore = useThemeStore();
 
 interface LoginModule {
@@ -54,12 +55,12 @@ const bgColor = computed(() => {
     <ACard class="relative z-4">
       <div class="w-400px lt-sm:w-300px">
         <header class="flex-y-center justify-between">
-          <SystemLogo class="text-64px text-primary lt-sm:text-48px" />
-          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ $t('system.title') }}</h3>
+          <WifiOutlined class="text-64px text-primary lt-sm:text-48px" />
+          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ "WANFi" }}</h3>
         </header>
-        <main class="pt-24px">
-          <h3 class="text-18px text-primary font-medium">{{ $t(activeModule.label) }}</h3>
-          <div class="animation-slide-in-left pt-24px">
+        <main >
+          <h3 class="text-18px text-primary font-medium">{{ t('activeModule.label') }}</h3>
+          <div class="animation-slide-in-left ">
             <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
               <component :is="activeModule.component" />
             </Transition>