构建框架

src/locales/index.js

@@ -0,0 +1,28 @@
+import sysConfig from "@/config"
+import tool from '@/utils/tool'
+import { createI18n } from 'vue-i18n'
+import el_zh_cn from 'element-plus/lib/locale/lang/zh-cn'
+import el_en from 'element-plus/lib/locale/lang/en'
+
+import zh_cn from './lang/zh-cn.js'
+import en from './lang/en.js'
+
+const messages = {
+	'zh-cn': {
+		el: el_zh_cn,
+		...zh_cn
+	},
+	'en': {
+		el: el_en,
+		...en
+	}
+}
+
+const i18n = createI18n({
+	locale: tool.data.get("APP_LANG") || sysConfig.LANG,
+	fallbackLocale: 'zh-cn',
+	globalInjection: true,
+	messages,
+})
+
+export default i18n;

src/locales/lang/en.js

@@ -0,0 +1,39 @@
+export default {
+	login: {
+		slogan: 'High performance / delicate / grace',
+		describe: 'Vue3 + element plus based front-end solutions in the background.',
+		signInTitle: 'Sign in',
+		accountLogin: 'Account sign in',
+		mobileLogin: 'Mobile sign in',
+		rememberMe: 'Remember me',
+		forgetPassword: 'Forget password',
+		signIn: 'Sign in',
+		signInOther: 'Sign in with',
+		userPlaceholder: 'user / phone / email',
+		userError: 'Please input a user name',
+		PWPlaceholder: 'Please input a password',
+		PWError: 'Please input a password',
+		admin: 'Administrator',
+		user: 'User',
+		mobilePlaceholder: 'Mobile',
+		mobileError: 'Please input mobile',
+		smsPlaceholder: 'SMS Code',
+		smsError: 'Please input sms code',
+		smsGet: 'Get SMS Code',
+		smsSent: 'SMS sent to mobile number',
+		noAccount: 'No account?',
+		createAccount: 'Create a new account',
+		wechatLoginTitle: 'QR code sign in',
+		wechatLoginMsg: 'Please use wechat to scan and log in | Auto scan after 3 seconds of simulation',
+		wechatLoginResult: 'Scanned | Please click authorize login in the device'
+	},
+	user: {
+		dynamic: 'Dynamic',
+		info: 'User Info',
+		settings: 'Settings',
+		nightmode: 'night mode',
+		nightmode_msg: 'Suitable for low light environment,The current night mode is beta',
+		language: 'language',
+		language_msg: 'Translation in progress,Temporarily translated the text of this view',
+	}
+}

src/locales/lang/zh-cn.js

@@ -0,0 +1,39 @@
+export default {
+	login: {
+		slogan: '高性能 / 精致 / 优雅',
+		describe: '基于Vue3 + Element-Plus 的中后台前端解决方案。',
+		signInTitle: '用户登录',
+		accountLogin: '账号登录',
+		mobileLogin: '手机号登录',
+		rememberMe: '24小时免登录',
+		forgetPassword: '忘记密码',
+		signIn: '登录',
+		signInOther: '其他登录方式',
+		userPlaceholder: '用户名 / 手机 / 邮箱',
+		userError: '请输入用户名',
+		PWPlaceholder: '请输入密码',
+		PWError: '请输入密码',
+		admin: '管理员',
+		user: '用户',
+		mobilePlaceholder: '手机号码',
+		mobileError: '请输入手机号码',
+		smsPlaceholder: '短信验证码',
+		smsError: '请输入短信验证码',
+		smsGet: '获取验证码',
+		smsSent: '已发送短信至手机号码',
+		noAccount: '还没有账号?',
+		createAccount: '创建新账号',
+		wechatLoginTitle: '二维码登录',
+		wechatLoginMsg: '请使用微信扫一扫登录 | 模拟3秒后自动扫描',
+		wechatLoginResult: '已扫描 | 请在设备中点击授权登录'
+	},
+	user: {
+		dynamic: '近期动态',
+		info: '个人信息',
+		settings: '设置',
+		nightmode: '黑夜模式',
+		nightmode_msg: '适合光线较弱的环境，当前黑暗模式为beta版本',
+		language: '语言',
+		language_msg: '翻译进行中，暂翻译了本视图的文本',
+	}
+}