fix:登录界面增加中英文切换功能
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user