咫尺论坛 › 微信小程序开发教程 › 微信小程序学习用demo：优惠猎手（红包）；简易图片动画

柿霖不是林 发表于 2017-3-7 18:41:30

微信小程序学习用demo：优惠猎手（红包）；简易图片动画

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
            }
          })
          //未展示开屏页直接跳转
          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: '优惠猎手PRO',
          desc: '优惠猎手PRO',
          path: 'pages/index/index'
      }
},
onShow: function() {
      this.resetCoverImg();
}
})


**** Hidden Message *****

芥末绿 发表于 2017-9-4 16:21:36

哇塞好棒啊 马一个 慢慢学

heqiyan5188 发表于 2017-3-8 16:29:05

正需要，支持楼主大人了！

冰寒宇 发表于 2017-3-8 22:30:20

啥也不说了，感谢楼主分享哇！

xzz 发表于 2017-3-9 10:21:39

确实是难得好帖啊，顶先

发斯蒂芬的 发表于 2017-10-10 20:06:23

哇塞好棒啊 马一个 慢慢学

taoge5165161 发表于 2017-10-12 16:02:31

1111111111111

wtucel120 发表于 2017-12-6 14:15:00

很不错的一个例子，哈哈，学习了

促发v 发表于 2017-12-12 12:33:38

网服务vw我vwrv我vwrv

张燕891226 发表于 2017-12-13 17:42:28

楼主威武

查看完整版本: 微信小程序学习用demo：优惠猎手（红包）；简易图片动画