关于【积分获取】的说明关于【附件下载】的说明
查看: 264|回复: 8

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

[复制链接]

467

主题

563

帖子

13万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
137394
发表于 2018-5-14 23:25:21 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【建议使用下方微信快捷登录注册】

x



  1. var app = getApp();
  2. Page({
  3.   data: {
  4.     userInfo: {},
  5.     src: '',
  6.     coverImg:{
  7.       hidden: false,
  8.       top: 0, //上面图片的top值
  9.       bottom: 0, //下面图片的bottom值
  10.       locked: false //首页展开触摸锁定
  11.     },
  12.     openPage: app.globalData.openPage==1?true:false
  13.   },
  14.   resetCoverImg: function() {
  15.     this.setData({
  16.       coverImg:{
  17.         hidden: false,
  18.         top: '0',
  19.         bottom: '0'
  20.       }
  21.     })
  22.   },
  23.   bindOpenTap: function () {
  24.     var that = this;
  25.     if(!that.data.coverImg.locked){
  26.       that.setData({coverImg:{locked: true}});
  27.       var dis = 0;
  28.       var timer = setInterval(function(){
  29.           dis -= 1;
  30.           that.setData({
  31.             coverImg:{
  32.               top: dis+'%',
  33.               bottom: dis+'%'
  34.             }
  35.           })
  36.         },10);
  37.         setTimeout(function(){
  38.           clearInterval(timer);
  39.           //展开首页图
  40.           that.setData({
  41.             coverImg:{
  42.               hidden: true,
  43.               locked: false
  44.             }
  45.           })
  46.           //未展示开屏页直接跳转
  47.           if(that.data.openPage){
  48.             that.goToOpenPage();
  49.           }else{
  50.             that.goToListPage();
  51.           }
  52.         },500);
  53.     }
  54.   },
  55.   goToListPage: function() {
  56.     wx.navigateTo({
  57.       url: '../list/list'
  58.     })
  59.   },
  60.   goToOpenPage: function() {
  61.     wx.navigateTo({
  62.       url: '../open/open'
  63.     })
  64.   },
  65.   //分享
  66.   onShareAppMessage: function() {
  67.       app.updateUserInfo({'type':0});
  68.       return {
  69.           title: '优惠猎手PRO',
  70.           desc: '优惠猎手PRO',
  71.           path: 'pages/index/index'
  72.       }
  73.   },
  74.   onShow: function() {
  75.       this.resetCoverImg();
  76.   }
  77. })
复制代码
下载地址:
游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

4

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2018-5-16 11:02:29 | 显示全部楼层
200多套微信小程序源码带后台+教程+源码
回复

使用道具 举报

0

主题

8

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2018-5-16 20:28:19 | 显示全部楼层
这是好东西啊
回复

使用道具 举报

37

主题

43

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
17629
发表于 2018-5-16 22:42:37 | 显示全部楼层
看看学习了
回复

使用道具 举报

0

主题

3

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2018-6-2 14:15:05 | 显示全部楼层
请问代码可以下载吗
回复

使用道具 举报

0

主题

18

帖子

34

积分

VIP用户

积分
34
发表于 2018-6-5 00:07:14 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
发表于 2018-7-1 11:59:43 | 显示全部楼层
看看 学习学习
回复

使用道具 举报

0

主题

5

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2018-7-27 13:16:30 | 显示全部楼层
可以可以看看
回复

使用道具 举报

0

主题

6

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2018-9-14 19:57:28 | 显示全部楼层
学习学习
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

QQ|Archiver|手机版|小黑屋|小程序大全|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2018-10-20 11:08 , Processed in 0.882198 second(s), 13 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表