摘要
小程序input组件提供的键盘有四种(text—文本、number—数字、idcard—身份证、digit—小数点),但输入场景万千,很多情况下都需要排除不必要的干扰,比如车牌输入、色值输入,或者只需要输入大写等等,为快速解决,现提供几种弹出式键盘,更多的可在此基础上修改。
效果
更多体验尽在Demo集中营
组件代码
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>