VueTouchKeyboard——一个模拟键盘

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

键盘组件为VueTouchKeyboard,下载方式如下
npm install "vue-touch-keyboard" --save
image.png
封装的输入组件

模板


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


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




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

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

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