ソースを参照

feat: 顶部增加切换多语言的功能

vera_min 2 ヶ月 前
コミット
f945c58213

+ 1 - 0
src/layout/navBars/breadcrumb/setings.vue

@@ -559,6 +559,7 @@ export default defineComponent({
 					// 开启水印
 					onWartermarkChange();
 					// 语言国际化
+					console.log("globalI18n:", Local.get('themeConfig').globalI18n)
 					if (Local.get('themeConfig')) proxy.$i18n.locale = Local.get('themeConfig').globalI18n;
 					// 初始化菜单样式等
 					initSetStyle();

+ 13 - 0
src/layout/navBars/breadcrumb/user.vue

@@ -24,6 +24,18 @@
 				</el-dropdown-menu>
 			</template>
 		</el-dropdown> -->
+    <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onLanguageChange">
+			<div class="layout-navbars-breadcrumb-user-icon">
+				<i class="iconfont" :class="disabledI18n === 'en' ? 'icon-fuhao-yingwen' : 'icon-fuhao-zhongwen'" :title="$t('message.user.title1')"></i>
+			</div>
+			<template #dropdown>
+				<el-dropdown-menu>
+					<el-dropdown-item command="zh-cn" :disabled="disabledI18n === 'zh-cn'">简体中文</el-dropdown-item>
+					<el-dropdown-item command="en" :disabled="disabledI18n === 'en'">English</el-dropdown-item>
+					<el-dropdown-item command="zh-tw" :disabled="disabledI18n === 'zh-tw'">繁體中文</el-dropdown-item>
+				</el-dropdown-menu>
+			</template>
+		</el-dropdown>
     <div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">
       <el-icon :title="$t('message.user.title2')">
         <ele-Search />
@@ -206,6 +218,7 @@ export default defineComponent({
       proxy.$i18n.locale = lang;
       initI18n();
       other.useTitle();
+      console.log('切换语言成功')
     };
     // 设置 element plus 组件的国际化
     const setI18nConfig = (locale: string) => {