收藏
回答

微信小程序 Animation 的问题?

this.animation.top(100).step({duration: 100})
this.animation.top(100+30).left(0).step({duration: 300,timingFunction: 'ease-out'})
this.animation.top(0).step({duration: 500,timingFunction: 'ease-in-out'})
this.animation.rotate(45).step({duration: 500,timingFunction: 'ease-in-out'})
this.setData({
    animationData: this.animation.export()
})

上述的代码第三步和第四步的效果会被合并执行

this.animation.top(100).step({duration: 100})
this.animation.top(100+30).step({duration: 300,timingFunction: 'ease-out'})
this.animation.top(0).step({duration: 500,timingFunction: 'ease-in-out'})
this.animation.rotate(45).step({duration: 500,timingFunction: 'ease-in-out'})
this.setData({
    animationData: this.animation.export()
})


可是去掉了第二步的  .left(0) 第三步和第四步的效果就正常了,会分开执行了

不晓得是什么原因

回答关注问题邀请回答
收藏

4 个回答

登录 后发表内容
问题标签