Watch Star Fork

艾润物联 / vehicle-keyboard-jsJavaScriptApache-2.0

加入码云
与超过 200 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
停车王车牌号码专用键盘 - 基于Vue.js
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 4.38 KB

停车王车牌号码专用键盘 VehicleKeyboard - vue.js

VehicleKeyboard是停车王品牌的各端产品线的基础组件,专为提高中国车牌号码输入速度而定制开发的专用键盘组件,包括以下三个项目:

  • Android Android项目,为Android客户端定制包括输入组件、键盘组件及相关控制逻辑实现;
  • iOS iOS客户端项目,为iOS客户端定制包括输入组件、键盘组件及相关控制逻辑实现;
  • JavaScript(Vue.js) JavaScript(Vue.js)项目,为H5页面定制,包括Web、微信、支付宝等,同样包括输入组件、键盘组件及相关控制逻辑实现

一、项目主页

1.1 Android 版本

1.2 iOS 版本

1.3 JavaScript Vue.js 版本

二、使用说明

2.1 键盘输入框混合组件

键盘输入框混合组件

混合组件包括键盘和输入框两部分组件,具有完成的车牌输入逻辑。

基于VUE.js实现的单组件,单JS文件,包含vue核心库,文件大小约 116KB。

2.2 单键盘组件

单键盘组件的使用方法

单键盘组件只包含键盘组件部分。

基于VUE.js实现的单组件,单JS文件,包含vue核心库,文件大小约 108KB。

2.3 单独车牌键盘引擎文件

Android、iOS目前版本会依赖此内核文件,使用其native_update_keyboard来生成键盘布局和键位。 界面UI部分,Android和iOS使用平台原生的组件来实现。

VehicleEngine.js

三、键盘内部规则设计说明

3.1 键盘逻辑引擎

键盘逻辑引擎

3.2 车牌号码规则

  1. 本公司整理的车牌号码规则:停车王车牌号码专用键盘规则和设计说明

  2. 中华人民共和国民用机动车号牌

已知问题

  • 在 Android4.4 以下的浏览器或者WebView中,由于不支持CSS3部分特性,会出现输入框界面宽度变化的问题;

四、版本更新记录

v2017.0320

  • 修改快捷省份按键样式;
  • 在键盘类型为2(“民用+武警”)模式中增加大使馆车辆类型;

v2017.1117

  • 增加“民航”车牌类型;
  • 移除车牌号码末位“练”字符;
  • 调整键位圆角参数为4px;
  • 修复MixedKeyboard中单个可用按键没有自动提交的问题;

v2017.1108

  • 完成基础功能,更新文档并公开发布;

五、开发

开发时运行开发环境:

npm run dev

发布时生成JS文件:

npm run build

生成三个JS文件:

  1. MixedKeyboard.js 混合了输入框的组件;
  2. SingleKeyboard.js 只有键盘组件,需要由应用自身实现输入框样式和逻辑;
  3. VehicleEngine.js 车牌键盘内核逻辑文件,Android、iOS项目目前依赖此文件的实现;

维护

License

Copyright 2017 Xi'an iRain IOT Technology service CO., Ltd (ShenZhen)

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

项目点评 ( 10 )

你可以在登录后,发表评论

8_float_left_people 8_float_left_close