洞察纵观鸿蒙next版本，如何凭借FinClip加强小程序的跨平台管理，确保企业在数字化转型中的高效运营和数据安全？
573
2023-11-12
微信小程序实现手势解锁的示例详解
−目录一、项目展示二、设置手势、手势解锁三、手势重置
一、项目展示
这是一款简单实用的手势解锁工具
手势解锁是当下常用的解锁方式
本实例以工具的形式
可以嵌入到不同的项目之中
二、设置手势、手势解锁
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
wxlocker.prototype.storePass = function(psw,cb) {// touchend结束之后对密码和状态的处理
if (this.pswObj.step == 1) {//step==1表示还没有设置密码状态
if (this.checkPass(this.pswObj.fpassword, psw)) {
this.pswObj.step = 2;
this.pswObj.spassword = psw;
this.resetHidden = false;
this.title = "密码保存成功";
this.titleColor = "succ";
this.drawStatusPoint(#09bb07);
wx.setStorageSync(passwordxx, JSON.stringify(this.pswObj.spassword));
// wx.setStorageSync(chooseType, this.chooseType);
} else {
this.title = "两次绘制不一致，重新绘制";
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 = "解锁成功";
this.titleColor = "succ";
this.drawStatusPoint(#09bb07);
cb();
} else {
this.title = "解锁失败";
this.titleColor = "error";
this.drawStatusPoint(#e64340);
}
} else {
if(this.lastPoint.length<4){
this.title="密码过于简单，请至少连接4个点";
this.resetHidden = true;
this.titleColor = "error";
return false;
}else{
this.pswObj.step = 1;
this.pswObj.fpassword = psw;
this.titleColor = "";
this.title = "再次输入";
}
}
}
效果图如下：
手势设置：
手势解锁(成功)：
手势解锁(失败)：
三、手势重置
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
最近发表
- 洞察纵观鸿蒙next版本，如何凭借FinClip加强小程序的跨平台管理，确保企业在数字化转型中的高效运营和数据安全？
- 洞察金融行业需要转型，如何利用鸿蒙app开发提升运营效率
- 如何通过FinClip的技术助力企业在信创办公平台实现高效合规管理和灵活应用
- 洞察在数字化转型过程中，信创推动企业有效整合资源，实现低成本、高效率的跨平台小程序运营。
- 洞察了解什么是信创国产化，如何通过小程序技术推动数字化转型，满足行业合规与多样化需求。
- 优化企业数字化转型，如何高效实现信创兼容适配，提升小程序管理与跨终端适配能力
- 洞察如何利用FinClip的小程序容器技术实现信创适配并推动数字化转型
- 洞察探索国产操作系统如何助力企业在物联网领域实现高效管理与合规运营，提升数字化转型的能力。
- 小游戏运行如何与企业数字化转型息息相关
- 探索如何通过跨平台小程序实现小游戏盒子的快速开发与灵活应对市场需求
推荐文章
热评文章
暂时没有评论，来抢沙发吧~