WFC/fe.wfc.user
2
0
Fork 0
Code Activity

fix:登录界面增加中英文切换功能

Browse Source
This commit is contained in:
zhongzm
2025-03-20 11:46:09 +08:00
parent 74d2cbe323
commit d4c901d1c6
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/_builtin/login/index.vue
View File

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