How does WeChat Mini Programs realize gesture unlocking

In this article, the editor introduces in detail "how WeChat Mini Programs realizes gesture unlocking". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to realize gesture unlocking by WeChat Mini Programs" can help you solve your doubts. Let's go deep into the editor's ideas and learn new knowledge together.

First, project display

This is a simple and practical gesture unlocking tool

Gesture unlocking is a common way to unlock at present.

This example is in the form of a tool

Can be embedded in different projects

2. Setting gesture, gesture unlocking wxlocker.prototype.storePass = function (psw,cb) {/ / handling of password and status after the end of touchend (this.pswObj.step = = 1) {/ / step==1 indicates that the password status if (this.checkPass (this.pswObj.fpassword, psw)) {this.pswObj.step = 2 has not been set This.pswObj.spassword = psw; this.resetHidden = false; this.title = "password saved successfully"; this.titleColor = "succ"; this.drawStatusPoint ('# 09bb07'); wx.setStorageSync ('passwordxx', JSON.stringify (this.pswObj.spassword)) / / wx.setStorageSync ('chooseType', this.chooseType);} else {this.title = "two inconsistencies, redraw"; this.titleColor = "error"; this.drawStatusPoint (' # e64340'); delete this.pswObj.step }} else if (this.pswObj.step = = 2) {if (this.checkPass (this.pswObj.spassword, psw)) {this.title = "unlocked successfully"; this.titleColor = "succ"; this.drawStatusPoint ('# 09bb07'); cb () } else {this.title = "unlock failed"; this.titleColor = "error"; this.drawStatusPoint ('# e64340');}} else {if (this.lastPoint.length)