欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)崿F(xiàn)手勢(shì)解鎖的示例詳解

 更新時(shí)間:2022年04月28日 14:32:11   作者:失散多年的哥哥  
手勢(shì)解鎖是生活中常用的解鎖方式,本文將通過(guò)微信小程序?qū)崿F(xiàn)手勢(shì)解鎖這一功能,本實(shí)例以工具的形式可以嵌入到不同的項(xiàng)目之中,感興趣的可以了解一下

一、項(xiàng)目展示

這是一款簡(jiǎn)單實(shí)用的手勢(shì)解鎖工具

手勢(shì)解鎖是當(dāng)下常用的解鎖方式

本實(shí)例以工具的形式

可以嵌入到不同的項(xiàng)目之中

二、設(shè)置手勢(shì)、手勢(shì)解鎖

wxlocker.prototype.storePass = function(psw,cb) {// touchend結(jié)束之后對(duì)密碼和狀態(tài)的處理
            if (this.pswObj.step == 1) {//step==1表示還沒(méi)有設(shè)置密碼狀態(tài)
                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="密碼過(guò)于簡(jiǎn)單,請(qǐng)至少連接4個(gè)點(diǎn)";
                    this.resetHidden = true;
                    this.titleColor = "error";
                    return false;
                }else{
                    this.pswObj.step = 1;
                    this.pswObj.fpassword = psw;
                    this.titleColor = "";
                    this.title = "再次輸入";
                }
                
            }
	}

效果圖如下:

手勢(shì)設(shè)置:

手勢(shì)解鎖(成功):

手勢(shì)解鎖(失敗):

三、手勢(shì)重置

        wxlocker.prototype.updatePassword = function(){//點(diǎn)擊重置按鈕,重置密碼
            wx.removeStorageSync("passwordxx");
            // wx.removeStorageSync("chooseType");
            this.pswObj = {};
            this.title="請(qǐng)?jiān)O(shè)置手勢(shì)密碼";
            this.resetHidden = true;
            this.titleColor = "";
            this.reset();
        }

到此這篇關(guān)于微信小程序?qū)崿F(xiàn)手勢(shì)解鎖的示例詳解的文章就介紹到這了,更多相關(guān)微信小程序手勢(shì)解鎖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 微信小程序音樂(lè)播放器開(kāi)發(fā)

    微信小程序音樂(lè)播放器開(kāi)發(fā)

    這篇文章主要為大家詳細(xì)介紹了微信小程序音樂(lè)播放器開(kāi)發(fā),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • Visual Studio中js調(diào)試的方法圖解

    Visual Studio中js調(diào)試的方法圖解

    這篇文章主要介紹了Visual Studio中JS調(diào)試的方法,需要的朋友可以參考下
    2014-06-06
  • addEventListener 的用法示例介紹

    addEventListener 的用法示例介紹

    這篇文章主要介紹了addEventListener 的用法,需要的朋友可以參考下
    2014-05-05
  • Element ui 下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)

    Element ui 下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)

    這篇文章主要介紹了Element ui 下拉多選時(shí) 新增一個(gè)選擇所有的選項(xiàng),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-08-08
  • javascript解析json格式的數(shù)據(jù)方法詳解

    javascript解析json格式的數(shù)據(jù)方法詳解

    這篇文章主要介紹了javascript解析json格式的數(shù)據(jù)方法詳解,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • JavaScript中array.reduce()數(shù)組方法的四種使用實(shí)例

    JavaScript中array.reduce()數(shù)組方法的四種使用實(shí)例

    reduce為數(shù)組中的每一個(gè)元素依次執(zhí)行回調(diào)函數(shù),不包括數(shù)組中被刪除或從未被賦值的元素,下面這篇文章主要給大家介紹了關(guān)于JavaScript中array.reduce()數(shù)組方法的四種使用實(shí)例,需要的朋友可以參考下
    2022-07-07
  • 一文帶你了解小程序中的權(quán)限設(shè)計(jì)

    一文帶你了解小程序中的權(quán)限設(shè)計(jì)

    我們?cè)谌粘I钪袩o(wú)論是坐公交還是點(diǎn)餐,都會(huì)接觸各種各樣的小程序,下面這篇文章主要給大家介紹了關(guān)于小程序中權(quán)限設(shè)計(jì)的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • Javascript實(shí)現(xiàn)單例模式

    Javascript實(shí)現(xiàn)單例模式

    單例模式也稱作為單子模式,更多的也叫做單體模式。為軟件設(shè)計(jì)中較為簡(jiǎn)單但是最為常用的一種設(shè)計(jì)模式。這篇文章主要介紹了Javascript實(shí)現(xiàn)單例模式的相關(guān)資料,需要的朋友可以參考下
    2016-01-01
  • JS實(shí)現(xiàn)文字向下滾動(dòng)完整實(shí)例

    JS實(shí)現(xiàn)文字向下滾動(dòng)完整實(shí)例

    這篇文章主要介紹了JS實(shí)現(xiàn)文字向下滾動(dòng)的方法,以一個(gè)完整實(shí)例形式詳細(xì)分析了html頁(yè)面布局、css樣式及對(duì)應(yīng)的js滾動(dòng)功能實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2015-02-02
  • JS實(shí)現(xiàn)音量控制拖動(dòng)

    JS實(shí)現(xiàn)音量控制拖動(dòng)

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)音量控制拖動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-01-01

最新評(píng)論