调用：Login 背景：bg2.jpg

捕获.PNG
image.png

⚙ 配置

属性 说明 是否必需
kbType 键盘类型 YES
tip 提示信息 NO
minLen 两个输入框的最小输入长度 NO
label 两个输入框的提示语 YES

整体配置范例

  1. function Login() {
  2.   var data = {
  3.     model: "Login",
  4.     config: {
  5.       shell: commonShellCfg,
  6.       bgImg: "bg2.jpg",
  7.       modInAnimation: "fadeInLeft",
  8.       kbType: "mix",
  9.       tip: login_html("请输入用户名及密码"),
  10.       minLen: 4,
  11.       label: {
  12.         first: "用户名",
  13.         second: "密码"
  14.       }
  15.     }
  16.   }
  17.   return data
  18. }
  20. function login_html(str) {
  21.   return "<div style='font-size:28px;background-color:#dceff7;padding:10px;border-radius:15px'>" +
  22.     "<span style='font-weight:bold'>" + str + "</span>" +
  23.     "</div>";
  24. }

contentConfig

  1. kbType: "mix",
  2. tip: login_html("请输入用户名及密码"),
  3. minLen: 4,
  4. label: {
  5.   first: "用户名",
  6.   second: "密码"
  7. }
  9. function login_html(str) {
  10.   return "<div style='font-size:28px;background-color:#dceff7;padding:10px;border-radius:15px'>" +
  11.     "<span style='font-weight:bold'>" + str + "</span>" +
  12.     "</div>";
  13. }

♨️ JS Call

window.ZZH5.Call.verify(type, msg);

type：”minlen” | “idc” | “mobile” msg：校验不通过时提示的文本内容 根据type校验输入框的值，分别为最小位数，是否符合身份证格式，是否符合手机号格式，校验通过返回true，不通过则返回false。

🚀 getData():array

  1. //获取输入内容
  2. //返回数据示例：["4PPP", "RHH"]
  3. var ret=ZZH5.Call.getData();