最近公司接了个项目，客户那边要求要有中英翻译；本来以为在网上有类似的框架，后面找了大半天，最后还是自己动手丰衣足食；
这里有3个地方需要进行中英切换的，顶部页面标题，小程序内容页，还有底部tabBar;
实现思路
一、创建json字典
将我们整个小程序的内容进行动态赋值,这里如果使用的是图片的画，就需要提前准备两张图片，一张用于中文版本显示，一张用于英文版本显示；所以一般我们需要创建两个json文件；这里我在根目录下创建language文件夹，并创建存放中文的zh_lang和英文的en_zhang两个json文件；具体代码如下：
en_lang.json
var Languague = { //个人中心 userCenter:{ //banner banner:"http://hyncdata.maomaokeji.cn/hync/20200717/cb1d554cec91434d9c4e5b9058724a67.png", //中英文切换按钮 changeLanguage:"change to Chinese", //个人信息 userInfo:{ title:"personal information", content:{} }, //联系我们 contactUs:{ title:"contact us", content:{} }, //页面标题 title:"userCenter" }, //底部英文版工具栏，这里是用于自定义tarbar用的 toolbar:{ list: [ { "pagePath": "../../introduct/main/main", "iconPath": "../static/images/introduct.png", "selectedIconPath": "../static/images/introduct_s.png", "text": "Profiles" }, { "pagePath": "../../center/main/main", "iconPath": "../static/images/center.png", "selectedIconPath": "../static/images/center_s.png", "text": "Me" } ] } } module.exports = { lang: Languague }
zh_lang.json
var Languague = { //个人中心 userCenter:{ //banner banner:"http://hyncdata.maomaokeji.cn/hync/20200717/cb1d554cec91434d9c4e5b9058724a67.png", //中英文切换按钮 changeLanguage:"切换英文", //个人信息 userInfo:{ title:"个人信息", content:{} }, //联系我们 contactUs:{ title:"联系我们", content:{} }, //个人中心 title:"个人中心" }, //顶部导航栏，这里是用于自定义tarbar用的 toolbar:{ list: [ { "pagePath": "../../introduct/main/main", "iconPath": "../static/images/introduct.png", "selectedIconPath": "../static/images/introduct_s.png", "text": "公司介绍" }, { "pagePath": "../../center/main/main", "iconPath": "../static/images/center.png", "selectedIconPath": "../static/images/center_s.png", "text": "个人中心" } ] } } module.exports = { lang: Languague }
