车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌

车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌

效果图如下

车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第1张图片
车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第2张图片
车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第3张图片

车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第4张图片
车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第5张图片

上代码

前提:import plateInput from ‘@/components/uni-plate-input/uni-plate-input.vue’;
下载1:uni-plate-input.less
下载2:uni-plate-input.css
下载2:uni-plate-input.vue

头部搜索框添加

再到相关页面添加车牌输入法控件(注意默认隐藏)
在这里插入图片描述

设置头部搜索框触发车牌输入法
车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第6张图片
将车牌输入法键盘输入的车牌号填写到框框中,点击完成将车牌号赋值到搜索框中
车牌输入法 车牌号快捷输入法 支持普通车牌&新能源车牌_第7张图片

你可能感兴趣的:(前端,vue)