Vant 默认采用中文作为语言,如果需要使用其他语言,可以参考下面的方案。
Vant 通过 Locale 组件实现多语言支持,使用 Locale.use 方法可以切换当前使用的语言。
import { Locale } from "vant";
import enUS from "vant/lib/locale/lang/en-US";
Locale.use("en-US", enUS);
通过 Locale.add 方法可以实现文案的修改和扩展,示例如下:
import { Locale } from "vant";
const messages = {
"zh-CN": {
vanPicker: {
confirm: "关闭" // 将"确认"修改为"关闭"
}
}
};
Locale.add(messages);
目前支持的语言:
语言 | 文件名 |
---|---|
简体中文 | zh-CN |
繁體中文(港) | zh-HK |
繁體中文(台) | zh-TW |
英语 | en-US |
土耳其语 | tr-TR |
西班牙语 | es-ES |
在 这里 查看所有的 i18n 配置文件。
语言包中默认不包含 Sku 业务组件的语言配置,因此如果有 Sku 组件的国际化需求,请自行配置国际化文案。
Typography 字体我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。字体 字号层级字体大小举例辅助文字12px Extra...
TimePicker 时间选择器用于选择或输入日期任意时间点可以选择任意时间使用 el-time-picker 标签,通过disabledHoursdisabledMinu...
Skeleton 骨架屏在需要等待加载内容的位置设置一个骨架屏,某些场景下比 Loading 的视觉效果更好。基础用法基础的骨架效果。temp...
本节帮助您了解在 ECharts 中如何通过平行坐标轴组件来使用刻度标签,其中设置内容较多,主要包括:刻度标签的显示刻度标签的显...