小程序识别车牌php,微信小程序——车牌键盘输入js+css
请输入车牌号码:
{{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相关推荐
- 微信小程序C语言通讯录,微信小程序のwxml列表渲染
列表渲染存在的意义 以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...
- 小程序开发过程中常见问题[微信小程序、支付宝小程序]
小程序开发过程中常见问题[微信小程序.支付宝小程序] 正文 一.样式中如何使用background-image呢? background-image支持网络的图片链接或者base64 二.使用自适应单 ...
- python开发微信小程序-Python 开发者的微信小程序开发实践
导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...
- 万能门店小程序_超市门店微信小程序注册流程
现在超市门店商家利用小程序卖货已经非常普遍,小程序可以便捷地连接线上线下通道,让商家不再局限于门店周围的流量,能够从微信获取更多客户,从而提升销量和店铺知名度.超市要想有自己的线上电商小程序,就得先注 ...
- 小程序助手多功能微信小程序反编译工具
介绍: 小程序助手多功能微信小程序反编译工具,软件采用 VS 2017 编译,需安装.net 4.0 或以上版本方可运行,理论上 win7 .win10及以上系统 x86 x64 运行正常,条件有限未 ...
- 微量小程序联盟,如何实现微信小程序换量和微信小程序推广?
长期以来各位许多小程序运营者,一直在为小程序如何推广和烦恼!今天我就为大家推荐一个小程序换量推广平台,可以快速帮我们解决小程序粉丝增长难的问题! 微量小程序联盟--专注小程序换量推广 微量小程序联盟- ...
- mpvue微信小程序动画_mpvue 与微信小程序的火花
介绍 项目介绍 WeScale 定位为音乐训练小程序,初期规划了基础音阶的三个训练,以及他们的镜像模式. 数字简谱 字母简谱 数字简谱对字母简谱 后期看情况更新追加其他训练. 产品展示 扫描下方小程序 ...
- 微信小程序开发语言(微信小程序开发教程)详细步骤
微信小程序开发语言 开发微信小程序用什么语言 1.微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言).WX ...
- 微信小程序:去水印工具微信小程序源码
这是一个去水印小程序 支持各大平台短视频去水印 支持图集去水印 另外还有一个功能也就相当于抖音一样刷短视频 偷偷告诉你们哟,刷的短视频都是热门小姐姐哟!惊不惊喜意不意外 小程序源码下载地址: 微信小程 ...
最新文章
- 重新标注128万张ImageNet图片:多标签,全面提升模型性能
- 堆木板问题——木板能堆无限远而不倒吗?
- adb connect 出现timeout的处理方式
- idea run和debug都是灰色的,没法点怎么解决
- Hive的基本操作-创建外部表
- React 等框架使用 index 做 key 的问题
- 服务网关zuul之二:过滤器--请求过滤执行过程(源码分析)
- 测试ASP.NET 2.0中Gridview控件高级技巧
- 合并excel文件 C语言,如何用VBA函数合并多个文件
- linux5.5 分辨率,Linux Kernel 5.5 正式发布
- 如果降低sbus总线的传输速率/帧率,sbus怎样转UART,sbus接到4G
- Jackrabbit介绍
- 线性表_双向循环链表(Caesar加密变换结点顺序 代码实现 )
- 旅通软件:旅行社管理系统怎么选?
- 一键导出所有微信联系人的小工具,搞私域、搞网销客户交接时可能可以用到,【微信通讯录抽水机】
- android 页面跳转代码
- Android面试总结
- Alibaba微服务组件Nacos单机+集群配置 prometheus+grafana监控配置及注册中心实战【收获满满】
- php 多城市切换,切换城市
- java图片缩放工具类_JAVA操作图片裁切与缩放的一个工具类(个人收藏)
热门文章
- ToString(C2)转人民币金额时的相关问题
- NEERC 2012
- 033-Unit 11 Advanced Uses of the vi Editors
- oracle9i使用OMS备份数据
- 十大经典排序算法6(Python版本)
- 华为云welink成像是反的_华为云Welink下载_华为云Welink 中文版 v6.6.6.0_Win10镜像官网...
- Python3.6下安装扩展库pywin32的正确姿势
- latex图片_Latex使用图片、文献、模板——自定义与路径指定
- cpu怎么超频_小白秒变高手 Intel酷睿CPU一键超频就是这么简单
- mysql创建师徒_[郑州|结业弟子]JAVA-乔兆年|2020年05月09日的日报-技能树.IT修真院...