refactor: ♻️ 登录页多语言图标样式优化
This commit is contained in:
parent
eccee783ea
commit
34e96971b5
|
|
@ -1,7 +1,7 @@
|
|||
<script setup lang="ts">
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import SvgIcon from '@/components/SvgIcon/index.vue';
|
||||
import { useAppStore } from '@/store/modules/app';
|
||||
import { useI18n } from "vue-i18n";
|
||||
import SvgIcon from "@/components/SvgIcon/index.vue";
|
||||
import { useAppStore } from "@/store/modules/app";
|
||||
|
||||
const appStore = useAppStore();
|
||||
const { locale } = useI18n();
|
||||
|
|
@ -9,10 +9,10 @@ const { locale } = useI18n();
|
|||
function handleLanguageChange(lang: string) {
|
||||
locale.value = lang;
|
||||
appStore.changeLanguage(lang);
|
||||
if (lang == 'en') {
|
||||
ElMessage.success('Switch Language Successful!');
|
||||
if (lang == "en") {
|
||||
ElMessage.success("Switch Language Successful!");
|
||||
} else {
|
||||
ElMessage.success('切换语言成功!');
|
||||
ElMessage.success("切换语言成功!");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@ html.dark {
|
|||
--subMenuHover: rgb(0 0 0 / 20%);
|
||||
|
||||
.navbar {
|
||||
color: var(--el-text-color-regular);
|
||||
background-color: var(--el-bg-color);
|
||||
|
||||
.setting-container .setting-item:hover {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
>
|
||||
<div class="flex text-white items-center py-4">
|
||||
<span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
|
||||
<lang-select class="text-white" />
|
||||
<lang-select class="text-white! cursor-pointer" />
|
||||
</div>
|
||||
|
||||
<el-form-item prop="username">
|
||||
|
|
|
|||
Loading…
Reference in New Issue