找回密码
 立即注册

扫一扫,访问微社区

查看: 9254|回复: 6

微信小程序学习用demo:小马互联:animation,简易布局

  [复制链接]
发表于 2017-1-11 12:52:22 | 显示全部楼层 |阅读模式
点评:实现了基本的布局,使用animation实现了简单的逐个添加的动画效果:




[mw_shl_code=html,true]var app = getApp();

Page({
    data: {
        animationData1: {},
        animationData2: {},
        animationData3: {},
        animationData4: {}
    },

    onShow: function(){
        var animation = wx.createAnimation({
        duration: 1000,
        timingFunction: 'ease',
        })
        this.animation = animation
        this.animation.translate(0,-390).step()
        this.setData({
            animationData1:animation.export()
        })

        animation.translate(0,-390).step({delay: 100})
        this.setData({
            animationData2:animation.export()
        })
        animation.translate(0,-390).step({delay: 100*2})
        this.setData({
            animationData3:animation.export()
        })
        animation.translate(0,-390).step({delay: 100*3})
        this.setData({
            animationData4:animation.export()
        })

         
    },


   

});[/mw_shl_code]


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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

0

主题

3

回帖

23

金钱

新人求带

积分
0
发表于 2017-1-12 17:20:42 | 显示全部楼层
正需要,支持楼主大人了!

0

主题

245

回帖

63

金钱

新人求带

积分
0
发表于 2017-8-18 09:33:40 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

2

回帖

26

金钱

新人求带

积分
0
发表于 2018-12-19 10:53:40 | 显示全部楼层

感谢分享
回复

使用道具 举报

0

主题

408

回帖

600

金钱

新人求带

积分
0
发表于 2020-4-5 15:23:58 | 显示全部楼层
我有流量,寻求个人游戏开发者合作,有意者联系微,信,号j i m 2 0 1 8 0 6 8 8

0

主题

13

回帖

28

金钱

新人求带

积分
0
发表于 2020-4-21 13:25:44 | 显示全部楼层
333333333333

0

主题

440

回帖

1052

金钱

新人求带

积分
0
发表于 2020-4-21 16:35:19 | 显示全部楼层
专注于与个人游戏开发者合作,有产品的朋友联系微信号jim20180688,详聊                                                                                               
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1  

GMT+8, 2024-11-22 11:12 , Processed in 0.127568 second(s), 31 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

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