用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-2-14 15:11:12 柿霖不是林 咫尺尊享 楼主 71942



    [HTML] 纯文本查看 复制代码
    <view class="lock-box">
        <view  class="lock-title {{titleColor}}">{{title}}</view>
        <view hidden="{{resetHidden}}" bindtap="lockreset" class="lock-reset">重置</view>
        <canvas disable-scroll="true" class="lock-cav" bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" canvas-id="locker" style="width:686rpx;height:686rpx;"></canvas>
    </view>



    [HTML] 纯文本查看 复制代码
    // pages/main/index.js
    var wxlocker = require("../../utils/wxlocker.js");
    Page({
      data:{
         title:'请设置手势密码',
         resetHidden:false,
         titleColor:""
      },
      onLoad:function(options){
        // 页面初始化 options为页面跳转所带来的参数
     
        wxlocker.lock.init();
        this.initState();
      },
      onReady:function(){
         
      },
      onShow:function(){
         
        // 页面显示
      },
      onHide:function(){
        // 页面隐藏
      },
     
      onUnload:function(){
        // 页面关闭
     
      },
      //设置提示语与重置按钮
      initState:function(){
        var resetHidden = wxlocker.lock.resetHidden;
        var title = wxlocker.lock.title;
        var titleColor = wxlocker.lock.titleColor;
        this.setData({
          resetHidden:resetHidden,
          title:title,
          titleColor:titleColor
        });
      },
      touchS:function(e){//touchstart事件绑定
        wxlocker.lock.bindtouchstart(e);
      },
      touchM:function(e){//touchmove事件绑定
        wxlocker.lock.bindtouchmove(e);
      },
      touchE:function(e){//touchend事件绑定
        wxlocker.lock.bindtouchend(e,this.lockSucc);
        this.initState();
      },
      lockSucc:function(){//解锁成功的回调函数
        console.log("解锁成功!");
        //do something
      },
      lockreset:function(){
        wxlocker.lock.updatePassword();
        this.initState();
      }
    })




    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    这个帖一般般,还可以哦。
    感谢分享
    使用道具 举报 回复
    山地车vgbhnjmk
    这个看看围观
    正是我需要的,看看
    搜索功能么0.0看看
    专注于与个人游戏开发者合作,有产品的朋友联系微,信,号j i m 2 0 1 8 0 6 8 8,详聊
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略