vue2实现手势密码功能
【vue2实现手势密码功能】本文实例为大家分享了vue2实现手势密码功能的具体代码,供大家参考,具体内容如下
组件:
请绘制您的图形密码重置密码关闭 .masks {text-align: center; position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }.gesturePwd {position: fixed; z-index: 5000; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; border-radius: 3px; overflow: hidden; background-color: #000; }.gestureTitle {color: #87888a; margin-top: 85px; font-size: 20px; font-weight: normal; }.box{position: absolute; top:0; left:0; right:0; bottom:0; }.box a{position: absolute; top: 5px; color:#fff; font-size: 13px; display:block; }a.reset{left: 5px; }a.close{right :5px; }.box canvas{background-color: #000; display: inline-block; margin-top: 76px; width: 320px; height: 320px; }
调用:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- Java实现压缩图片大小
- Java单例模式利用HashMap实现缓存数据
- 我的Android进阶之旅------>Android实现用Android手机控制PC端的关机和重新启动的功能Androidclient功能展示
- 从设计到实现,一步步教你实现Android-Universal-ImageLoader-辅助类
- Android ScrollView滚动实现大众点评网易云音乐评论悬停效果
- Android ListView动画实现方法
- androidclient和站点数据交互的实现(基于Http协议获取数据方法)
- 设备指纹技术的实现方式有哪些()
- 大数据|详解Spark SQL 底层实现原理(parser、analyzer、optimizer、physical plan)
- sparksql|Spark SQL 底层实现原理