E企盈营销工具技术服务商 热线:4006-838-530

小程序版本语言的切换

E企盈直播平台营销卖货系统

小程序有时候会遇到需要更改语言的切换,如果引用网上翻译的api个人觉得比较麻烦,所以还是老老实实的自己写一个js作为文本语言的切换。也算是投机取巧吧,不适合太多内容的转换。简单举个例子首先需要新建一个外部js文档,将接口暴露。var json = [{  “Language”: “语言设置”,  “Changepwd”: “密码修改”,  “Updated”: “更新版本”,  “Hotline”: “客服热线”,  “Signout”: “退出登录”,  “Login”: “登录”,  “Forgetpwd”: “忘记密码”,  “Language”: “语言切换”,}, {  “Language”: “Language settings”,  “Changepwd”: “Change Password”,  “Updated”: “Updated Version”,  “Hotline”: “Hotline”,  “Signout”: “Sign Out”,  “Login”: “login”,  “Forgetpwd”: “forget password”,  “Language”: “Language switching”,}]// 定义数据出口module.exports = {  dataList: json}因为需求是中英互换,所以分别设置两个json,然后暴露接口。然后就是在所需要的页面引入该jsconst lang = require(‘../../external/resources/language.js’);要实现切换功能就需要有一个选择框,最简单的是一个底部弹出框。同时设置一个全局缓存的标识wx.setStorageSync(‘mark’, mark),用于判定语言的切换,并且如果是英文的话,需要更改底部导航栏的文字wx.setTabBarItem。  languagechange: function (e) {    var that = this    mark = ”    wx.showActionSheet({      itemList: [‘中文’, ‘English’],      success(res) {        wx.clearStorageSync()        if (0 == res.tapIndex) {          dl = lang.dataList[0]          mark = 0          wx.setStorageSync(‘mark’, mark)          wx.reLaunch({            url: ‘../Personal/index’,          })          wx.setTabBarItem({            index: 0,            “text”: “首页”          })          wx.setTabBarItem({            index: 1,            “text”: “设备”,          })          wx.setTabBarItem({            index: 2,            “text”: “事件”          })          wx.setTabBarItem({            index: 3,            “text”: “设置”          })          that.setData({            datalist: dl          })        }        if (1 == res.tapIndex) {          dl = lang.dataList[1]//选择是哪一个json,也就是选择语言变量          mark = 1          wx.setStorageSync(‘mark’, mark)          wx.reLaunch({            url: ‘../Home/index’,          })          that.setData({            datalist: dl          })        }      }    })  },效果图供大家参考

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序版本语言的切换
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏