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

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

[mw_shl_code=html,true]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();
  }
})[/mw_shl_code]

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

芥末绿 · 发表于 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：优惠猎手（红包）；简易图片动画

本帖子中包含更多资源