微信小程序车牌号输入器(可支持新能源),打开即可用,中国人不骗中国人

  • C2_988971
    了解作者
  • 12.1KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-11 09:53
    上传日期
资源中是完整的一套小程序代码,代码直接用微信开发者工具导入后,编译即可运行。其中的内容是微信小程序的车牌号输入器,可支持常规的7位牌照和新能源的8位牌照。源码完全使用原生代码开发,方便支持各位亲二次开发,希望能够帮到大家。
微信小程序车牌号输入器(含新能源)——打开即可用.zip
  • images
  • img
  • xinnengyuan.png
    1.9KB
  • backDeleteImg.jpg
    1.9KB
  • pages
  • order
  • input-field-template
  • input-field-template.wxml
    699B
  • input-field-template.wxss
    533B
  • plate-keyboard-template
  • palte-keyboard-template.wxss
    1.1KB
  • plate-keyboard-template.wxml
    3.1KB
  • input-box-template
  • input-box-template.wxss
    866B
  • input-box-template.wxml
    434B
  • order.json
    75B
  • order.wxml
    380B
  • order.js
    2.3KB
  • order.wxss
    364B
  • app.js
    364B
  • app.json
    272B
  • project.config.json
    1.5KB
  • app.wxss
    194B
  • sitemap.json
    191B
内容介绍
// pages/driver/order/order.js var app = getApp(); Page({ data: { keyValue: { keyValue1: '粤津渝沪冀晋辽吉黑苏', keyValue2: '浙皖闽赣鲁豫鄂湘京琼', keyValue3: '川贵云陕甘青蒙桂宁新', keyValue4: '藏使领警学港澳', keyNumber: '1234567890', keyLetterValue1: 'QWERTYUIOP', keyLetterValue2: 'ASDFGHJKL', keyLetterValue3: 'ZXCVBNM', showkKeyboardType: true, //1是省份键盘 0是数字字母键盘 }, inputPlate: { plates: [], //接收输入的内容 plateCount: [1, 2, 3, 4, 5, 6, 7], //输入框的个数 }, isShowKeyboard: true, //是否显示键盘,默认显示 }, onShow: function () { }, //唤起键盘事件 onFocusTap: function () { this.data.isShowKeyboard = true; this.setData({ isShowKeyboard: this.data.isShowKeyboard }) }, //关闭键盘 onCloseKeyboardTap: function () { this.data.isShowKeyboard = false; this.setData({ isShowKeyboard: this.data.isShowKeyboard }) }, //点击键盘事件 onKeyboardTap: function (event) { var value = event.currentTarget.dataset.value; switch (value) { case 'ABC': this.data.keyValue.showkKeyboardType = !this.data.keyValue.showkKeyboardType; break; case 'delete': if (this.data.inputPlate.plates.length > 0) { this.data.inputPlate.plates.pop(); } //如果输入的值被删除完,显示省份键盘 if (this.data.inputPlate.plates.length == 0) { this.data.keyValue.showkKeyboardType = true; } break; default: if (this.data.inputPlate.plates.length == 8) { //替换数组最后一个元素 this.data.inputPlate.plates.splice(7, 1, value); } else { this.data.inputPlate.plates.push(value); } } console.log(this.data.inputPlate.plates); this.setData({ keyValue: this.data.keyValue, inputPlate: this.data.inputPlate, isShowKeyboard: this.data.isShowKeyboard }) }, //确定事件 onSubmitBtnTap: function () { //数组组装字符串 var paltes = this.data.inputPlate.plates; var plate = paltes.join(""); this.setData({ show: false }); this.setData({ plate: plate }) console.log(plate); }, });
评论
    相关推荐