手揣网教程:绿色安全纯净官方版,体验当今速度最快的浏览器!

微信小程序学习用demo:简易图片动画红包代码

时间:2024/5/18作者:未知来源:手揣网教程人气:

[摘要]var app = getApp();Page({data: {userInfo: {},src: ,coverImg:{hidden: false,top: 0, //上面图片的top值botto...
微信小程序学习用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();
  }
})

以上就是微信小程序学习用demo:简易图片动画红包代码的详细内容,更多请关注php中文网其它相关文章!


小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。



关键词:微信小程序学习用demo:简易图片动画红包代码




Copyright © 2012-2018 手揣网教程(http://www.shouchuai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版