微信小程序怎么实现手势解锁
发表于:2024-10-13 作者:千家信息网编辑
千家信息网最后更新 2024年10月13日,本文小编为大家详细介绍"微信小程序怎么实现手势解锁",内容详细,步骤清晰,细节处理妥当,希望这篇"微信小程序怎么实现手势解锁"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一
千家信息网最后更新 2024年10月13日微信小程序怎么实现手势解锁
本文小编为大家详细介绍"微信小程序怎么实现手势解锁",内容详细,步骤清晰,细节处理妥当,希望这篇"微信小程序怎么实现手势解锁"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
一、项目展示
这是一款简单实用的手势解锁工具
手势解锁是当下常用的解锁方式
本实例以工具的形式
可以嵌入到不同的项目之中
二、设置手势、手势解锁
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 = "再次输入"; } } }
效果图如下:
手势设置:
手势解锁(成功):
手势解锁(失败):
三、手势重置
wxlocker.prototype.updatePassword = function(){//点击重置按钮,重置密码 wx.removeStorageSync("passwordxx"); // wx.removeStorageSync("chooseType"); this.pswObj = {}; this.title="请设置手势密码"; this.resetHidden = true; this.titleColor = ""; this.reset(); }
读到这里,这篇"微信小程序怎么实现手势解锁"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
手势
密码
程序
成功
文章
内容
工具
状态
项目
处理
不同
妥当
实用
一致
之中
再次
实例
常用
形式
思路
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
ef框架连接数据库
升级服务器的快捷键
计算机网络技术元素
大厂软件开发java
关于网络安全做法
泰州购买网络技术价格查询
想学软件开发哪个学校比较好
耐盐碱植物数据库哪家品质好
2021年网络安全省赛
进出口数据库笔记本
申请维修数据库
高速网络安全检测
新华社译名库数据库导航
安全反恐数据库
虹口区品牌数据库系统销售职能
k8s的数据库
智慧工地管理软件开发
江苏环保网络技术服务价格
做好网络安全工
三国杀十周年服务器互通吗
项目管理软件开发说明书
可视化网络安全工作
工业园区正规软件开发预算
做软件开发的都很忙吗
1万赞服务器排行榜
sql清空数据库建立结构
虹口区品牌数据库系统销售职能
服务器电源如何搭配
数据库信息安全性标准
广州软件开发公司地址