如何实现微信小程序国际化探索-创新互联
这篇文章主要讲解了如何实现微信小程序国际化探索,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

一、项目结构
整体目录结构如下图:

- assets 存放资源文件,如图片
- constants 存放项目中用到的常量
- i18n 存放语言文件,中文是 zh-CN.js 英文是 en-US.js ,如果还需要支持其他语言再建一个 js 即可
- pages 存放业务逻辑代码
- utils 存放工具类。LangUtils 是封装的国际化工具类。
二、工具类封装及语言包准备
2.1 语言包准备
i18n 目录下的各语言包结构要一致,即对象的 key 保持一致, value 是对应的语言文本。
建议每个小模块分为一个对象,单个对象的内容不宜过多。
zh-CN.js
export default {
common: {
language: '语言',
chinese: '中文',
english: '英语',
},
tabBarTitles: ['主页', '论坛', '我的'],
navTitle: {
home: '主页',
forum: '论坛',
mine: '我的',
setting: '设置'
},
home: {
motto: '我们宁愿拥有一个不完美的变革,也不愿看到一个没有希望的未来',
respect: '致勇者',
getUserInfo: '获取头像昵称'
},
forum: {
forumModule: '我是论坛模块',
tip: '下面是一个组件,用来展示组件的国际化配置'
},
comment: {
title: '评论组件',
msg: '网络一线牵,珍惜这段缘'
},
mine: {
title: '这是我的页面',
toNewPage: '跳转到新页面'
},
setting: {
title: '我是设置页面'
}
} 网页名称:如何实现微信小程序国际化探索-创新互联
分享网址:http://www.jxjierui.cn/article/ddccih.html


咨询
建站咨询
