用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    863

    主题

    2051

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2017-8-24 15:08:10 zhichi_admin 管理员 楼主 61528
    小程序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
    •   


    截图:





    下载地址(体验前先查看导入说明):

    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    感谢楼主分享

    感谢楼主分享
    使用道具 举报 回复
    感谢楼主
    使用道具 举报 回复
    感谢楼主
    使用道具 举报 回复
    111118888111111111
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X