微信小程序 Animation 的问题？ - WXOPEN Club

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) 第三步和第四步的效果就正常了，会分开执行了

不晓得是什么原因

做个代码片段？或者先试试 top 和 left改成 translate

代码片段上传谢谢