微信小程序demo學習實例：優(yōu)惠獵手（紅包）

微信小程序demo學習實例已經(jīng)是當下最熱門的話題，下面將從多方面來談?wù)勎⑿判〕绦騞emo學習實例相關(guān)的內(nèi)容。

var app = getApp();
Page({
  data: {
    userInfo: {},
    src: '',
    coverImg:{
      hidden: false,
      top: 0, //上面圖片的top值
      bottom: 0, //下面圖片的bottom值
      locked: false //首頁展開觸摸鎖定
    },
    openPage: app.globalData.openPage==1?true:false
  },
  resetCoverImg: function() {
    this.setData({
      coverImg:{
        hidden: false,
        top: '0',
        bottom: '0'
      }
    })
  },
  bindOpenTap: function () {
    var that = this;
    if(!that.data.coverImg.locked){
      that.setData({coverImg:{locked: true}});
      var dis = 0;
      var timer = setInterval(function(){
          dis -= 1;
          that.setData({
            coverImg:{
              top: dis+'%',
              bottom: dis+'%'
            }
          })
        },10);
        setTimeout(function(){
          clearInterval(timer);
          //展開首頁圖
          that.setData({
            coverImg:{
              hidden: true,
              locked: false
            }
          })
          //未展示開屏頁直接跳轉(zhuǎn)
          if(that.data.openPage){
            that.goToOpenPage();
          }else{
            that.goToListPage();
          }
        },500);
    }
  },
  goToListPage: function() {
    wx.navigateTo({
      url: '../list/list'
    })
  },
  goToOpenPage: function() {
    wx.navigateTo({
      url: '../open/open'
    })
  },
  //分享
  onShareAppMessage: function() {
      app.updateUserInfo({'type':0});
      return {
          title: '優(yōu)惠獵手PRO',
          desc: '優(yōu)惠獵手PRO',
          path: 'pages/index/index'
      }
  },
  onShow: function() {
      this.resetCoverImg();
  }
})