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

摘要

小程序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>
发布了62 篇原创文章 · 获赞 48 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/WeiHan_Seven/article/details/104025716