切换日光/暗黑模式
国际化
配置
通过 elememt-plus
的 ElConfigProvider
注入国际化配置
vue
<template>
<el-config-provider :locale="locale">
<layout >
</el-config-provider>
</template>
<script setup lang="ts">
import zhCn from 'element-plus/lib/locale/lang/zh-cn';
import { zhCn as nextZhcn } from 'element-next/lib/lang/index';
const locale = {
...zhCn,
...nextZhcn,
};
</script>
可配置字段
js
const locale = {
n: {
input: {
placeholder: '请输入 ...',
},
copy: {
tip: '拷贝文本',
success: '拷贝成功',
notSupport: '当前浏览器不支持拷贝',
fail: '拷贝失败',
},
date: {
endPlaceholder: '结束时间',
startPlaceholder: '开始时间',
placeholder: '请选择时间',
today: '今天',
week: '最近一周',
month: '最近一个月',
threeMonth: '最近三个月',
sixMonth: '最近六个月',
},
select: {
placeholder: '请选择',
},
dialog: {
confirm: '确定',
close: '关闭',
validateError: '请修正红色错误项',
},
lov: {
tip: '鼠标双击选择数据',
},
tableForm: {
query: '查询',
add: '新增',
},
table: {
close: '关闭',
save: '保存',
action: '操作',
seqNo: '序号',
more: '更多',
configTitle: '定制化列',
configTipMessage:
'拖动格子可以自定义表格列的显示顺序。宽度不填写则自动收缩。可以将列固定在左边或者右边,选择其它则不固定。建议一个列表不能有太多固定的列。',
fixedNone: '不固定',
fixedLeft: '固定在左边',
fixedRight: '固定在右边',
display: '是否显示',
displayYes: '是',
displayNo: '否',
width: '宽度',
fixed: '固定',
},
form: {
submit: '提交',
reset: '重置',
packup: '收起',
expand: '展开',
},
dragVerify: {
error: '验证失败',
time: '验证校验成功,耗时{time}秒。',
dragText: '请按住滑块拖动',
successText: '验证通过',
},
},
}