内容宽高默认为屏幕宽度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
# 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 --reportFor a detailed explanation on how things work, check out the guide and docs for vue-loader.
| emoji表情 | emoji代码 | commit说明 |
|---|---|---|
| 🎨 (调色板) | 🎨 | 改进代码结构/代码格式 |
| ⚡ (闪电) 🐎 (赛马) | ⚡ 🐎 | 提升性能 |
| 🔥 (火焰 | ) :fire | : 移除代码或文 |
| 🐛 (bug | ) :bug | : 修复 bu |
| 🚑 (急救车 | ) :ambulance | : 重要补 |
| ✨ (火花 | ) :sparkles | : 引入新功 |
| 📝 (备忘录 | ) :memo | : 撰写文 |
| 🚀 (火箭 | ) :rocket | : 部署功 |
| 💄 (口红 | ) :lipstick | : 更新 UI 和样式文 |
| 🎉 (庆祝 | ) :tada | : 初次提 |
| ✅ (白色复选框 | ) :white_check_mark | : 增加测 |
| 🔒 (锁) | :lock | : 修复安全问 |
| 🍎 (苹果 | ) :apple | : 修复 macOS 下的内 |
| 🐧 (企鹅 | ) :penguin: | 修复 Linux 下的内 |
| 🏁 (旗帜 | ) :checked_flag: | 修复 Windows 下的内 |
| 🤖 (Android机器人 | ) :robot: | 修复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 相关工 |
| ➕ (加号 | ) :heavy_plus_sign: | 增加一个依 |
| 🔧 (扳手 | ) :wrench | : 修改配置文 |
| 🌐 (地球 | ) :globe_with_meridians | : 国际化与本地 |
| ✏️ (铅笔) | :pencil2 | : 修复 typ |
| 💩 (瞪眼) | :hankey | : 编写需要改进的错误代码 |
| ⏪ (双左箭头) | :rewind | : 恢复更改 |
| 🔀 (双合并箭头) | :twisted_rightwards_arrows | : 合并分支 |
| 📦 (箱子) | :package | : 更新编译的文件或包 |
| 👽 (面具) | :alien | : 由于外部API更改而更新代码 |
| 🚚 (面包车 | ) :truck | : 移动或重命名文件 |
| 📄 (文档 | ) :page_facing_up: | 添加或更新许可证 |
| 💥 (爆炸 | ) :boom | : 介绍突破性变化 |
| 🍱 (装满餐盘) | :bento | : 添加或更新资产 |
| 👌 (OK手势 | ) :ok_hand: | 由于代码审查更改而更新代码 |
| ♿ (坐姿 | ) :wheelchair | : 提高可访问性 |
| 💡 (灯泡 | ) :bulb | : 记录源代码 |
| 🍻 (干杯 | ) :beers | : 醉生梦死的写代码 |
| 💬 (提示栏) | :speech_balloon | : 更新文字和文字 |
| 🗃️ (卡片盒子 | ) :card_file_box | : 执行与数据库相关的更改 |
| 🔊 (有声喇叭) | :loud_sound | : 添加日志 |
| 🔇 (静音喇叭 | ) :mute | : 删除日志 |
| 👥 (两个人头 | ) :busts_in_silhouette: | 添加贡献者 |
| 🚸 (小盆友) | :children_crossing | : 改善用户体验/可用性 |
| 🏗️ (吊车) | :building_construction | : 进行架构更改 |
| 📱 (手机 | ) :iphone | : 致力于响应式设计 |
| 🤡 (小丑 | ) :clown_face | : 嘲笑事物 |
| 🥚 (彩蛋 | ) :egg | : 添加一个复活节彩蛋 |
| 🙈 (蒙眼猴子) | :see_no_evil | : 添加或更新.gitignore文件 |
| 📸 (照相机 | ) :camera_flash | : 添加或更新快照。 |