登录/注册

首页 文章 微信小程序学习用demo:优惠猎手(红包);简易图片动画

微信小程序学习用demo:优惠猎手(红包);简易图片动画

文章来源:咫尺网络

微信小程序开发

2017/03/12 20:27

239

文章页标题下640*60
 



 
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();
  }
})
 
文章页底部640*60

发布小程序

文章投稿

投稿邮箱:

726752955@qq.com

官方微信

扫一扫关注 小程序官方微信

新浪微博

扫一扫

( 暂不支持下载 )
PC右侧250*250

关于我们

公司简介 媒体报道

联系我们

726752955 关注微博

无线产品

手机版

扫一扫关注我们

手机访问

微信小程序商店 排行榜 文章 测评 专题

Copyright © 2017 xxx.com 微信小程序商店 ICP备12345678号
xxxx科技有限公司 版权所有

× test