微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10277|回复: 19

小程序demo:办公审批

  [复制链接]
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    910

    主题

    2100

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

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

    QQ
    发表于 2017-8-24 15:08:10 | 显示全部楼层 |阅读模式
    小程序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
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    245

    帖子

    63

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-8-26 09:27:46 | 显示全部楼层
    感谢楼主分享

    该用户从未签到

    0

    主题

    1

    帖子

    12

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-1-26 22:50:59 | 显示全部楼层

    感谢楼主分享

    该用户从未签到

    0

    主题

    11

    帖子

    34

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-6-3 14:20:00 | 显示全部楼层
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    16

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-12-24 15:39:22 | 显示全部楼层
    感谢楼主
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    12

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2019-1-30 14:18:29 | 显示全部楼层
    感谢楼主
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    5

    帖子

    14

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2019-7-1 11:55:31 | 显示全部楼层
    111118888111111111

    该用户从未签到

    0

    主题

    4

    帖子

    20

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2019-9-11 23:59:36 | 显示全部楼层
    我一直找终于被我找到了

    该用户从未签到

    0

    主题

    3

    帖子

    10

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2020-1-9 16:52:47 | 显示全部楼层
    非常感谢楼主分享 正是我需要的 感谢。。。。。。。。

    该用户从未签到

    0

    主题

    408

    帖子

    600

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2020-3-31 14:13:06 | 显示全部楼层
    专注于与个人游戏开发者合作,有产品的朋友联系微信号jim20180688,详聊
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-19 13:07 , Processed in 0.158491 second(s), 49 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表