统一配置

所有属性在shell属性下：shell:{devInfor:"",sound:"",...}

属性 说明
devInfor 设备编号
sound 语音播放路径设置，直接传入”./h5/sound/“文件夹下的文件名+后缀即可（例如：001.mp3）。
语音文件默认指定路径：”./h5/sound/“
version 终端版本信息
hotkey 热区
local 当前位置
title 主标题
countdown 倒计时
countdown_callBack 倒计时结束时回调函数
navIndex 当前导航索引
nav 导航
userinfor 用户信息
btnbar 按钮配置

devInfor

  1. //配置
  2. devInfor:"终端号:9A0001"

sound

  1. //配置(直接传入文件名+后缀)
  2. sound:"001.mp3"

version

  1. //配置
  2. version:"版本号:V1.0.1"

hotkey

  1. //配置
  2. hotkey:{
  3.     //点击顺序(按A时将复位)
  4.     //对应屏幕上顺序
  5.     //A     B
  6.     //D     C
  7.     key: "ABCD",
  8.     //热区激活后触发的函数
  9.     hotevent: "hoteventHandle",
  10. }
  12. //调用自定义函数
  13. function hoteventHandle(){
  14.  console.log("激活热区"); 
  15. }

local

  1. //配置
  2. local:"选择医生"

title

  1. //配置
  2. title:"选择缴费类型"

countdown

  1. //配置
  2. //格式[总计时数,报警提示数]
  3. countdown:[999, 995]

countdown_callBack

  1. //配置
  2. countdown_callBack:"countdown_callBack"
  4. //调用自定义函数
  5. function countdown_callBack(){
  6.  console.log("Time out!"); 
  7. }

navIndex

  1. //配置
  2. //索引号从0开始
  3. navIndex:2

nav

  1. //配置
  2. nav:["主页面","选科室","选医生"]

userinfor

  1. //配置
  2. //title……项目标题
  3. //content……项目内容
  4. userinfor:[
  5.   { title: "用户:", content: "陈栋华" },
  6.   { title: "性别:", content: "男" }, 
  7.   { title: "年龄:", content: "300" }
  8. ]

btnbar

  1. //配置
  2. //屏幕底部的功能按钮，目前分左右两侧进行配置
  3. btnbar: {
  4.     //左侧按钮配置
  5.     left: [
  6.     {
  7.       txt: "左侧001",
  8.       onClick: "Input4Click",
  9.       disabled: true,
  10.       //呼吸效果（非必要配置）
  11.       breatheAni:true,
  12.       //[校验功能]（非必要配置）
  13.       //*校验类型
  14.       //vType……minlen:最小长度校验
  15.       //       idc:身份证校验
  16.       //       mobile:电话号码校验
  17.       //*指定错误提示内容
  18.       //eMsg……错误信息提示
  19.       //      不传入eMsg该key时按前端内部预定于内容显示
  20.       verify: { vType:'minlen',eMsg:''},
  21.     },
  22.     {
  23.       txt: "左侧002",
  24.       onClick: "Input4Click()",
  25.       extra: {
  26.         breatheAni: {
  27.           need: false,
  28.           color: "#20ace8"
  29.         }
  30.       }
  31.     }],
  32.     //右侧按钮配置
  33.     right: [{
  34.       txt: "返回",
  35.       onClick: "Input4Click()",
  36.       //呼吸效果（非必要配置）
  37.       breatheAni:true
  38.     },
  39.     {
  40.       txt: "确定",
  41.       onClick: "Input4Click()",
  42.       valid: true,
  43.       //呼吸效果（非必要配置）
  44.       breatheAni:true
  45.     }]
  46.   }

扩展说明

img配置：

img预定配置一般是外部传入url，但遇到外部传入Base64的情况，简单需求下无需改源码，可以由外部进行一定规格的数据组合进行使用。
解决方法：
原理：image.png
重组数据格式：“data:image/jpeg/jpeg;base64,”+Base64码String内容
其他格式支持：

  1. data:,文本数据
  2. data:text/plain,文本数据
  3. data:text/html,HTML代码
  4. data:text/html;base64,base64编码的HTML代码
  5. data:text/css,CSS代码
  6. data:text/css;base64,base64编码的CSS代码
  7. data:text/javascript,Javascript代码
  8. data:text/javascript;base64,base64编码的Javascript代码
  9. data:image/gif;base64,base64编码的gif图片数据
  10. data:image/png;base64,base64编码的png图片数据
  11. data:image/jpeg;base64,base64编码的jpeg图片数据
  12. data:image/x-icon;base64,base64编码的icon图片数据