VueTouchKeyboard——一个模拟键盘

功能需求:封装一个带有设计好的样式的输入组件,输入方式为模拟的数字键盘。

键盘组件为VueTouchKeyboard,下载方式如下

npm install "vue-touch-keyboard" --save
 
VueTouchKeyboard——一个模拟键盘_第1张图片
image.png

封装的输入组件

模板


很简单,就包含了一个VueTouchKeyboard模拟键盘和input输入框,以及一个div里放动态的warnMessage
js内容:


页面内容(只简单的展示了下组件的使用)





页面效果:(随便画的,比较丑)

 
VueTouchKeyboard——一个模拟键盘_第2张图片
 

 

 
VueTouchKeyboard——一个模拟键盘_第3张图片
 

 

可参考https://www.npmjs.com/package/vue-touch-keyboard

你可能感兴趣的:(VueTouchKeyboard——一个模拟键盘)