animation动画不生效_关于animation动画不执行问题

苏昊英
2023-12-01

我的需求是做一个砸金蛋功能,点击金蛋弹出modal ,这个modal是一个砸金蛋的动画。第一次执行这个点击事件触发这个事件没有问题,但是当我关闭这个modal再次打开 这个动画效果不触发了,求解答在这先谢过了,下面附上代码(点击事件触发下面弹框有定义了动画animationData,调用基础库是2.1.1)

关闭金蛋模态框

clickeggs: function () {

this.setData({ showModal: true });

let animation1 = wx.createAnimation({

duration: 1000,

transformOrigin: "right bottom",

timingFunction: 'ease'

})

setTimeout(function () {

animation1.rotate(-25).step()

animation1.rotate(15).step()

animation1.rotate(-25).step()

animation1.rotate(15).step()

animation1.rotate(-25).step()

animation1.rotate(15).step()

this.setData({

animationData: animation1.export(),

})

}.bind(this), 200);

},

 类似资料: