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; }

调用:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    推荐阅读