carnumber_input.zip

  • 小章
    了解作者
  • vue.js
    开发工具
  • 8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 0
    下载次数
  • 2021-03-25 07:04
    上传日期
微信小程序车牌号输入组件,用于方便用户输入车牌号码。
carnumber_input.zip
  • carnumber_input
  • utils
  • viewtools.wxs
    364B
  • component
  • carnumber_input
  • carnumber_input.json
    48B
  • carnumber_input.js
    3KB
  • carnumber_input.wxss
    1.7KB
  • carnumber_input.wxml
    1.1KB
  • index
  • index.wxml
    584B
  • index.js
    811B
  • index.wxss
    590B
  • index.json
    95B
  • img
  • backward.svg
    1.5KB
  • sitemap.json
    191B
  • app.wxss
    0B
  • project.config.json
    1.6KB
  • app.js
    29B
  • app.json
    266B
内容介绍
// component/carnumber_input/carnumber_input.js // mode = P - province, N - number,P是省模式,N是号码模式 Component({ /** * 组件的属性列表 */ properties: { show: { type: Boolean, value: false } }, /** * 组件的初始数据 */ data: { mode: 'P', provinceList: '京沪粤津浙苏湘渝云豫皖陕桂新青琼闽蒙辽宁鲁晋吉翼黑甘鄂赣贵川藏使'.split(''), numberList: '0123456789ABCDEFGHJKLMNPQRSTUVWXYZ挂港澳警领学'.split(''), inputList: [ { type: 'input', value: null }, { type: 'input', value: null }, { type: 'break', value: '•' }, { type: 'input', value: null }, { type: 'input', value: null }, { type: 'input', value: null }, { type: 'input', value: null }, { type: 'input', value: null }, { type: 'input', value: null } ], input_active_index: 0 }, /** * 组件的方法列表 */ methods: { tapInput(e) { var index = e.currentTarget.dataset.index; var item = e.currentTarget.dataset.item; console.log(index, item); this.setData({ mode: index === 0 ? 'P' : 'N', input_active_index: index }) }, tapProvince(e) { var item = e.currentTarget.dataset.item; console.log(item); var key = `inputList[0].value`; this.setData({ [key]: [item], input_active_index: 1, mode: 'N' }) }, tapNumber(e) { var item = e.currentTarget.dataset.item; var key = `inputList[${this.data.input_active_index}].value`; var newIndex = this.data.input_active_index + 1; if (newIndex === 2) { newIndex++; } else if (newIndex >= 8) { newIndex = 8; } this.setData({ [key]: [item], input_active_index: newIndex }) }, tapDel(e) { var key = `inputList[${this.data.input_active_index}].value`; var newIndex = this.data.input_active_index - 1; if (newIndex < 0) { newIndex = 0 } else if (newIndex === 2) { newIndex--; } this.setData({ [key]: [null], mode: newIndex === 0 ? 'P' : 'N', input_active_index: newIndex }) }, complete() { var carnum = ""; this.data.inputList.forEach(e=>{ if (e.value) { carnum += e.value } }) console.log('carnum', carnum); this.triggerEvent('getCarNumber', carnum); this.setData({ show: false }) this.triggerEvent('closeCarNumberInput'); }, closeWindow(e) { if(e.target.dataset.target === 'main') { this.setData({ show: false }) this.triggerEvent('closeCarNumberInput'); } }, donothing() { } } })
评论
    相关推荐