Vue 实现仿大众点评买单的自定义键盘

Harpsichord1207 发布于2019-08-20 17:03 / 1174人阅读

摘要：基于封装的一个自定义数字键盘输入框仿照大众点评闪惠买单刚开始选用发现移动端没有办法输入小数换成发现唤起的键盘不是数字键盘最终选择又发现验证规则有部分实现不了效果更新后来我想了下可以通过监听键盘点击事件然后拿到输入值的从而进行值的验证但是这

wc-keyboard

基于 vue 封装的一个自定义数字键盘 + 输入框, 仿照大众点评闪惠买单.

why?

刚开始选用 input type = tel, 发现移动端没有办法输入小数

换成 input type = text, 发现唤起的键盘不是数字键盘

最终选择 input type = number, 又发现验证规则有部分实现不了

效果

更新

后来我想了下, 可以通过监听键盘点击事件, 然后拿到输入值的 keyCode 从而进行值的验证.
但是这样缺少一个自定义的输入框, 输入框无法实现类似大众点评那般.

感谢

xwpongithub/better-keyboard

使用方法

npm i wc-keyboard --save

import wcKeyBoard from "wc-keyboard"
import "wc-keyboard/style.css"
Vue.use(wcKeyBoad);

项目地址

项目地址

GPU云服务器云服务器大众点评api 大众点评数据采集 php的自定义函数自定义软键盘

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83350.html

react+redux实现仿大众点评webapp

摘要：项目简介此项目是学习过程中跟着慕课网做的一个练手项目，模仿大众点评做的一个，项目不是很复杂，适合有一定基础的同学参考。慕课网地址项目的前端界面使用编写，后端使用的框架搭建，后台返回的数据全部是模拟的数据，不涉及数据库交互。项目简介此项目是学习react+redux过程中跟着慕课网做的一个练手项目，模仿大众点评做的一个webapp，项目不是很复杂，适合有一定react+redux基础...

lemanli 2019-08-21 17:50 评论0 收藏0
[Android] 开源View组件(一)

摘要：系列，自定义实现知乎首页仿今日头条最强顶部导航指示器，支持种模式系列之一使用打造千变万化的指示器优雅的为添加和实现快速滑动实现条目拖拽排序与滑动删除高仿网易新闻首页添加，删除，排序类似大众点评美团等应用的城市选择器那些酷炫的开源库整理 Material Design系列，自定义Behavior实现Android知乎首页 showImg(http://img.blog.csdn.net/...

scola666 2019-08-14 14:54 评论0 收藏0