全站资源开放下载,感谢广大网友的支持
链接失效请移步职业司平台
非盈利平台

非盈利平台

只为分享一些优质内容

Java帮帮-微信公众号

Java帮帮-微信公众号

将分享做到极致

微信小程序

微信小程序

更方便的阅读

职业司微信公众号

职业司微信公众号

实时动态通知

安卓APP

安卓APP

我们从此不分开

程序员生活志-公众号

程序员生活志-公众号

程序员生活学习圈,互联网八卦黑料

支付宝赞助-Java帮帮社区
微信赞助-Java帮帮社区

微信小程序Demo:办公审批

101
发表时间:2018-08-21 17:07
小程序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[uindex][index].id}}" range="{{checkType[uindex]}}" range-key="msg">

  •    <view class="weui-input">{{checkType[uindex][index].msg}}</view>

  •  </picker>

注意picker的 value属性 为 {{checkType[uindex][index].id}}
通过以下数据结构设计, 实现以不同语言的显示, 提交表单时为相同的id

  •  [                                                   // Language

  •    {id: "same id", msg: "multiple language msg"}     // Options of current language

  •  



截图:


文章分类: 小程序源码
分享到:
Java帮帮学习群生态

Java帮帮学习群生态

总有一款能帮到你

Java学习群

Java学习群

与大牛一起交流

大数据学习群

大数据学习群

在数据中成长

九点编程学习群

九点编程学习群

深夜九点学编程

python学习群

python学习群

人工智能,爬虫

测试学习群

测试学习群

感受测试的魅力

Java帮帮生态承诺

Java帮帮生态承诺

一直坚守,不负重望

初心
勤俭
诚信
正义
分享
友链交换:加帮主QQ2524138991 留言即可 24小时内答复  
业司
满吉教育资讯
会员登录
获取验证码
登录
登录
我的资料
留言
回到顶部