微信小程序—自定义弹出式键盘（车牌键盘、十六进制键盘），可快速定义不同场景键盘

摘要

小程序input组件提供的键盘有四种（text—文本、number—数字、idcard—身份证、digit—小数点），但输入场景万千，很多情况下都需要排除不必要的干扰，比如车牌输入、色值输入，或者只需要输入大写等等，为快速解决，现提供几种弹出式键盘，更多的可在此基础上修改。

效果

组件代码

keboard组件免积分下载

页面代码

data: {showKeyboard:false,keyboardType:4,},openCarCardKeyboard(){this.setData({showKeyboard:true,keyboardType:4})},closeKeyboard(){this.setData({showKeyboard:false})},

<button style="margin-top:50rpx;width:70%" type="primary" bindtap="openCarCardKeyboard">车牌键盘</button>
<keyboard bind:inputPress="inputPress" keyBoardType="{{keyboardType}}" isShow="true" bindactiontap="closeKeyboard" show="{{showKeyboard}}">
</keyboard>

微信小程序—自定义弹出式键盘（车牌键盘、十六进制键盘），可快速定义不同场景键盘相关推荐

微信小程序自定义弹出框组件，模拟wx.showModal
微信小程序开发交流qq群 173683895 效果图: 代码 wxml <view wx:if='{{showModal}}'><view class='mask_layer' ...
微信小程序自定义弹出框
网上搜了一下感觉都没有好用的自定义弹框就自己手写了一个,方便以后CV 弹框可以点击按钮关闭,也可以点击空白关闭代码很简单 wxml <view bindtap="submit&quo ...
微信小程序自定义弹出模态框禁止底部滚动
图示: wxml代码: <view class='fix_bottom'> <view>分享</view> <view>电话咨询</view> ...
微信小程序input弹出键盘挡住文字的解决办法
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 解决思路:阻止键盘弹起时,自动上推页面.输入框获取焦点的时候让页面绝对定位,相对底部 100 像素.失去焦点的 ...
微信小程序无法弹出授权登录窗口
微信小程序开发,小程序接口问题..... 今天在写微信小程序的时候,为了获取到后台的token,必须要获取到code,encryptedData,iv ,rawData,signature五个值.co ...
微信小程序自定义弹框组件
话不多说直接上代码目录 1.wxml 2.js 3.wxss 4.json 5.效果展示(具体内容可以自定义) 1.wxml <!--pages/components/confirmBox/c ...
微信小程序购物车弹出层
https://www.jianshu.com/p/a0c2c8712dab 微信小程序购物车数量加减功能 wxml:  <button bin ...
微信最新授权登录微信小程序无法弹出授权弹框 open-type getUserInfo获取不到用户信息授权不弹框
解决办法使用getUserProfile接口 !!!! 大大的坑啊,调试了半天 getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接 ...
微信小程序自定义弹框+生成二维码功能
最近在做小程序的功能,需求是弹框生成二维码功能,所以根据需求自定义了一个弹框组件,后续其他地方也可以用到. 最后效果图如下 dialog部分 <!--components/dialog/dial ...

微信小程序—自定义弹出式键盘（车牌键盘、十六进制键盘），可快速定义不同场景键盘

摘要

效果

更多体验尽在Demo集中营

组件代码

页面代码

微信小程序—自定义弹出式键盘（车牌键盘、十六进制键盘），可快速定义不同场景键盘相关推荐

最新文章

热门文章