2
0

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

This commit is contained in:
zhongzm
2025-03-20 11:46:09 +08:00
parent 74d2cbe323
commit d4c901d1c6

View File

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