微信小程序 Animation 的问题?

发布于 8 年前作者 zhao12874 次浏览最后编辑 8 年前来自 issues
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) 第三步和第四步的效果就正常了,会分开执行了

不晓得是什么原因

3 回复
aluo
aluo1 楼6 年前

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

li40
li402 楼6 年前

麻烦提供能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

li20
li203 楼6 年前