zhichi_admin 发表于 2017-8-24 15:08:10

小程序demo：办公审批

小程序demo：办公审批
使用指南：
多语言支持相关数据结构
语言相关全局变量

[*]Sample Code
[*]//app.js
[*]App({
[*]onLaunch: function () {
[*]    //进入应用时检查语言设置
[*]    var language = wx.getStorageSync('selectedLanguage');
[*]    if(language){
[*]      this.globalData.settings.language = language;
[*]    }else{
[*]      //TODO 使用系统语言设定 user-info COUNTRY      
[*]      this.globalData.settings.language = 0; //暂时默认为中文
[*]    },
[*]globalData:{
[*]    settings:{
[*]      language: null
[*]    },
[*]    userInfo:null
[*]}
[*]})
App启动时读取LocalStorage, 取得当前语言设置, 并写入全局变量
各页面通过读取全局变量 settings.language 来确定当前使用语言
Setting界面

[*]Sample Code
[*]// pages/settings/settings.js
[*]languages: ["简体中文", "English"], // "繁体中文", "日本語" may be supported in the future
Picker组件Sample Code

[*]// pages/timecard/normal/normal.js
[*]checkType: [
[*]    [{id: "clockIn", msg: "上班"}, {id: "clockOut", msg: "下班"               // Simplified Chinese Support
[*]    ,[{id: "clockIn", msg: "Clock In"}, {id: "clockOut", msg: "Clock Out"      // English Support
[*]    ,[......]                                                                  // Other possible languages
[*]
当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

[*]<picker value="{{checkType.id}}" range="{{checkType}}" range-key="msg">
[*]    <view class="weui-input">{{checkType.msg}}</view>
[*]</picker>
注意picker的 value属性 为 {{checkType.id}}
通过以下数据结构设计, 实现以不同语言的显示, 提交表单时为相同的id

[*][                                                   // Language
[*]    {id: "same id", msg: "multiple language msg"}   // Options of current language
[*]


截图：





下载地址（体验前先查看导入说明）：

**** Hidden Message *****

Ywenli 发表于 2017-8-26 09:27:46

感谢楼主分享

hjc 发表于 2018-1-26 22:50:59


感谢楼主分享

baochunsan 发表于 2018-6-3 14:20:00

:lol:lol:lol:lol:lol

xuān๑๑ 发表于 2018-12-24 15:39:22

感谢楼主

DMelodie 发表于 2019-1-30 14:18:29

感谢楼主

YangJian 发表于 2019-7-1 11:55:31

111118888111111111

chenguanquan 发表于 2019-9-11 23:59:36

我一直找终于被我找到了

银杏树下 发表于 2020-1-9 16:52:47

非常感谢楼主分享 正是我需要的 感谢。。。。。。。。

jack56846 发表于 2020-3-31 14:13:06

专注于与个人游戏开发者合作，有产品的朋友联系微信号jim20180688，详聊
页: [1] 2
查看完整版本: 小程序demo：办公审批