基于vue手势密码组件demo，可自定义颜色尺寸，半

handlock 手势密码demo 效果图

造轮子

内容宽高默认为屏幕宽度70% ** 手势密码组件 @auth chenzhiwen

@prop {String} [normalColor='#A0AAAD'] - 未激活状态的圆环颜色 @prop {String} [pointBgColor='rgba(111, 122, 126, .7)'] - 未激活状态的圆的背景色 @prop {String} [pointActiveColor='#ffffff'] - 激活的圆点颜色 @prop {String} [lineActiveColor='rgba(255, 255, 255, .3)'] - 激活的连接线的颜色 @prop {String} [errorColor='#FF3F3F'] - 显示手势密码错误的时候的颜色 @prop {String} [errorLineColor='rgba(255, 63, 63, .3)'] - 显示错误的时候的连接线的颜色 @prop {String} [errorTime='3000'] - 手势密码错误显示时间 @prop {Number} [canWRatio=0.7] - 手势密码区域占屏幕宽度的比例 @emit getHandLock - 传递手势密码出来 ex: [0, 1, 3] @emit clear - 清空绘制的 @methods errorDraw - 绘制手势密码错误状态

使用直接下载components/handLock文件即可

handlock

Build Setup

# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

gitmoji

emoji表情	emoji代码	commit说明
(调色板)		改进代码结构/代码格式
(闪电) (赛马)		提升性能
(火焰	) :fire	: 移除代码或文
(bug	) :bug	: 修复 bu
(急救车	) :ambulance	: 重要补
(火花	) :sparkles	: 引入新功
(备忘录	) :memo	: 撰写文
(火箭	) :rocket	: 部署功
(口红	) :lipstick	: 更新 UI 和样式文
(庆祝	) :tada	: 初次提
(白色复选框	) :white_check_mark	: 增加测
(锁)	:lock	: 修复安全问
(苹果	) :apple	: 修复 macOS 下的内
(企鹅	)	修复 Linux 下的内
(旗帜	) :checked_flag:	修复 Windows 下的内
(Android机器人	)	修复Android上的某些内容
(绿苹果)	:green_apple	: 解决iOS上的某些问题
(书签	) :bookmark	: 发行/版本标
(警车灯	) :rotating_light	: 移除 linter 警
(施工	) :construction	: 工作进行
(绿心)		修复 CI 构建问
(下降箭头	) :arrow_down	: 降级依
(上升箭头	) :arrow_up	: 升级依
(图钉	) :pushpin	: 将依赖关系固定到特定版本
(工人	) :construction_worker	: 添加 CI 构建系
(上升趋势图	) :chart_with_upwards_trend	: 添加分析或跟踪代
(循环箭头)	:recycle	: 重构代码
(锤子	) :hammer	: 重大重
(减号	) :heavy_minus_sign	: 减少一个依
(鲸鱼	) :whale	: Docker 相关工
(加号	)	增加一个依
(扳手	) :wrench	: 修改配置文
(地球	) :globe_with_meridians	: 国际化与本地
(铅笔)	:pencil2	: 修复 typ
(瞪眼)	:hankey	: 编写需要改进的错误代码
(双左箭头)	:rewind	: 恢复更改
(双合并箭头)	:twisted_rightwards_arrows	: 合并分支
(箱子)	:package	: 更新编译的文件或包
(面具)	:alien	: 由于外部API更改而更新代码
(面包车	) :truck	: 移动或重命名文件
(文档	)	添加或更新许可证
(爆炸	) :boom	: 介绍突破性变化
(装满餐盘)	:bento	: 添加或更新资产
(OK手势	)	由于代码审查更改而更新代码
(坐姿	) :wheelchair	: 提高可访问性
(灯泡	) :bulb	: 记录源代码
(干杯	) :beers	: 醉生梦死的写代码
(提示栏)	:speech_balloon	: 更新文字和文字
(卡片盒子	) :card_file_box	: 执行与数据库相关的更改
(有声喇叭)	:loud_sound	: 添加日志
(静音喇叭	) :mute	: 删除日志
(两个人头	)	添加贡献者
(小盆友)	:children_crossing	: 改善用户体验/可用性
(吊车)	:building_construction	: 进行架构更改
(手机	) :iphone	: 致力于响应式设计
(小丑	) :clown_face	: 嘲笑事物
(彩蛋	) :egg	: 添加一个复活节彩蛋
(蒙眼猴子)	:see_no_evil	: 添加或更新.gitignore文件
(照相机	) :camera_flash	: 添加或更新快照。