请输入车牌号码:

{{carNo}}

{{item}}

清空

关闭

{{item}}

OK

Del

/* pages/jp_cp/jp_cp.wxss */

.lf{

float: left;

}

.rt{

float: right;

}

.tel{

border-bottom: 2rpx solid #ddd;

height: 100rpx;

line-height:100rpx;

}

.chepai{

height: 200rpx;

line-height:200rpx;

}

.provinces{

overflow: hidden;

background-color: #CED3D9;

padding:30rpx 0;

position: absolute;

bottom: 0;

left: 0;

z-index: 10000;

}

.pro_li{

font-size: 36rpx;

height: 70rpx;

width: 70rpx;

line-height: 70rpx;

text-align: center;

border: 2rpx solid #ddd;

margin: 5rpx;

background-color:#fff;

}

.pro_close{

width: 100rpx;

height: 70rpx;

line-height: 70rpx;

font-size: 32rpx;

text-align: center;

background-color: #fff;

border: 2rpx solid #ddd;

margin: 5rpx ;

}

.pro_del{

width: 100rpx;

height: 70rpx;

line-height: 70rpx;

font-size: 32rpx;

text-align: center;

background-color: #fff;

border: 2rpx solid #ddd;

margin: 5rpx;

}

.keyNums{

overflow: hidden;

background-color: #CED3D9;

padding:30rpx 0;

position: absolute;

bottom: 0;

left: 0;

z-index: 10000;

}

.pro_ok{

width: 100rpx;

height: 70rpx;

line-height: 70rpx;

font-size: 32rpx;

text-align: center;

background-color: #fff;

border: 2rpx solid #ddd;

margin: 5rpx ;

/* margin-left: 35%; */

}

.pro_d{

width: 100rpx;

height: 70rpx;

line-height: 70rpx;

font-size: 32rpx;

text-align: center;

background-color: #fff;

border: 2rpx solid #ddd;

margin: 5rpx;

}

// pages/jp_cp/jp_cp.js

Page({

/**

* 页面的初始数据

*/

data: {

item1: ["京", "沪", "浙", "苏", "粤", "鲁", "晋", "冀",

"豫", "川", "渝", "辽", "吉", "黑", "皖", "鄂",

"津", "贵", "云", "桂", "琼", "青", "新", "藏",

"蒙", "宁", "甘", "陕", "闽", "赣", "湘"],

item2: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",

"Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P",

"A", "S", "D", "F", "G", "H", "J", "K", "L",

"Z", "X", "C", "V", "B", "N", "M"],

hidden1:true,

hidden2:true,

carNo: '',

},

//车牌输入获取焦点

d1:function(){

var that=this;

if (that.data.carNo == ''){

that.setData({

hidden1: false,

hidden2: true

})

}else{

that.setData({

hidden1: true,

hidden2: false

})

}

},

//车牌输入失去焦点

d2: function () {

var that = this;

that.setData({

hidden1: true,

hidden2: true

})

},

//获取车牌省份

sheng:function(e){

var that=this ;

console.log(e.currentTarget.dataset.sh);

that.setData({

carNo: e.currentTarget.dataset.sh

})

if (that.data.carNo!=''){

that.setData({

hidden1: true,

hidden2: false

})

}

},

//获取车牌号码

other: function (e) {

var that = this;

console.log(e.currentTarget.dataset.ot);

var carNo = that.data.carNo + e.currentTarget.dataset.ot;

that.setData({

carNo: carNo

})

},

//回删车牌

del:function(){

var that=this;

var ss = that.data.carNo;

console.log(ss);

var s = ss.split('');

console.log(s);

console.log(s.slice(0, -1));

if (s.slice(0, -1).length==0){

that.setData({

hidden1: false,

hidden2: true

})

}

console.log(s.join('').slice(0, -1));

var s = s.join('').slice(0, -1);

that.setData({

carNo: s

})

console.log(that.data.carNo.length);

},

//确认输入

ok:function(){

var that=this;

that.setData({

hidden1:true,

hidden2:true

})

},

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

},

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

},

/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

},

/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

},

/**

* 生命周期函数--监听页面卸载

*/

onUnload: function () {

},

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

},

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

},

/**

* 用户点击右上角分享

*/

onShareAppMessage: function () {

}

})

小程序识别车牌php,微信小程序——车牌键盘输入js+css相关推荐

  1. 微信小程序C语言通讯录,微信小程序のwxml列表渲染

    列表渲染存在的意义 以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...

  2. 小程序开发过程中常见问题[微信小程序、支付宝小程序]

    小程序开发过程中常见问题[微信小程序.支付宝小程序] 正文 一.样式中如何使用background-image呢? background-image支持网络的图片链接或者base64 二.使用自适应单 ...

  3. python开发微信小程序-Python 开发者的微信小程序开发实践

    导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...

  4. 万能门店小程序_超市门店微信小程序注册流程

    现在超市门店商家利用小程序卖货已经非常普遍,小程序可以便捷地连接线上线下通道,让商家不再局限于门店周围的流量,能够从微信获取更多客户,从而提升销量和店铺知名度.超市要想有自己的线上电商小程序,就得先注 ...

  5. 小程序助手多功能微信小程序反编译工具

    介绍: 小程序助手多功能微信小程序反编译工具,软件采用 VS 2017 编译,需安装.net 4.0 或以上版本方可运行,理论上 win7 .win10及以上系统 x86 x64 运行正常,条件有限未 ...

  6. 微量小程序联盟,如何实现微信小程序换量和微信小程序推广?

    长期以来各位许多小程序运营者,一直在为小程序如何推广和烦恼!今天我就为大家推荐一个小程序换量推广平台,可以快速帮我们解决小程序粉丝增长难的问题! 微量小程序联盟--专注小程序换量推广 微量小程序联盟- ...

  7. mpvue微信小程序动画_mpvue 与微信小程序的火花

    介绍 项目介绍 WeScale 定位为音乐训练小程序,初期规划了基础音阶的三个训练,以及他们的镜像模式. 数字简谱 字母简谱 数字简谱对字母简谱 后期看情况更新追加其他训练. 产品展示 扫描下方小程序 ...

  8. 微信小程序开发语言(微信小程序开发教程)详细步骤

    微信小程序开发语言 开发微信小程序用什么语言 1.微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言).WX ...

  9. 微信小程序:去水印工具微信小程序源码

    这是一个去水印小程序 支持各大平台短视频去水印 支持图集去水印 另外还有一个功能也就相当于抖音一样刷短视频 偷偷告诉你们哟,刷的短视频都是热门小姐姐哟!惊不惊喜意不意外 小程序源码下载地址: 微信小程 ...

最新文章

  1. 重新标注128万张ImageNet图片:多标签,全面提升模型性能
  2. 堆木板问题——木板能堆无限远而不倒吗?
  3. adb connect 出现timeout的处理方式
  4. idea run和debug都是灰色的,没法点怎么解决
  5. Hive的基本操作-创建外部表
  6. React 等框架使用 index 做 key 的问题
  7. 服务网关zuul之二:过滤器--请求过滤执行过程(源码分析)
  8. 测试ASP.NET 2.0中Gridview控件高级技巧
  9. 合并excel文件 C语言,如何用VBA函数合并多个文件
  10. linux5.5 分辨率,Linux Kernel 5.5 正式发布
  11. 如果降低sbus总线的传输速率/帧率,sbus怎样转UART,sbus接到4G
  12. Jackrabbit介绍
  13. 线性表_双向循环链表(Caesar加密变换结点顺序 代码实现 )
  14. 旅通软件:旅行社管理系统怎么选?
  15. 一键导出所有微信联系人的小工具,搞私域、搞网销客户交接时可能可以用到,【微信通讯录抽水机】
  16. android 页面跳转代码
  17. Android面试总结
  18. Alibaba微服务组件Nacos单机+集群配置 prometheus+grafana监控配置及注册中心实战【收获满满】
  19. php 多城市切换,切换城市
  20. java图片缩放工具类_JAVA操作图片裁切与缩放的一个工具类(个人收藏)

热门文章

  1. ToString(C2)转人民币金额时的相关问题
  2. NEERC 2012
  3. 033-Unit 11 Advanced Uses of the vi Editors
  4. oracle9i使用OMS备份数据
  5. 十大经典排序算法6(Python版本)
  6. 华为云welink成像是反的_华为云Welink下载_华为云Welink 中文版 v6.6.6.0_Win10镜像官网...
  7. Python3.6下安装扩展库pywin32的正确姿势
  8. latex图片_Latex使用图片、文献、模板——自定义与路径指定
  9. cpu怎么超频_小白秒变高手 Intel酷睿CPU一键超频就是这么简单
  10. mysql创建师徒_[郑州|结业弟子]JAVA-乔兆年|2020年05月09日的日报-技能树.IT修真院...