咫尺论坛 › 微信小程序开发教程 › 小程序精品demo：大学图书馆；图书搜索收藏

柿霖不是林 发表于 2017-2-14 15:11:12

小程序精品demo：大学图书馆；图书搜索收藏

<view class="lock-box">
    <viewclass="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>


// 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();
}
})



**** Hidden Message *****

′Acai 发表于 2017-2-14 17:11:47

这个帖一般般，还可以哦。

Ywenli 发表于 2017-8-18 15:34:47

感谢分享

巫山帅才少儿棋苑 发表于 2017-9-21 23:36:50

山地车vgbhnjmk

HiveMe 发表于 2017-9-27 21:20:29

这个看看围观

你好好哈 发表于 2017-11-26 15:37:08

正是我需要的，看看

13246043862 发表于 2018-8-20 15:55:39

搜索功能么0.0看看

jack56846 发表于 2020-4-6 15:04:27

专注于与个人游戏开发者合作，有产品的朋友联系微,信,号j i m 2 0 1 8 0 6 8 8，详聊

查看完整版本: 小程序精品demo：大学图书馆；图书搜索收藏