微信小程序 animation 动画的加载(点击一次,加载一次)

  做小程序的时候,遇到了一个奇怪的问题,我点击图片,图片产生旋转动画,然后只能实现一次旋转,再点就不转了,这个就很烦,代码的逻辑是没有任何问题的,单步调节的时候,第一次就走这一步,然后最可恨的是,微信的web开发工具,断点调试,单步调试,还老卡,直接卡住,啥也看不了。哎,愁死我了。

  然后就这种查,各种在网上找解决的办法

功夫不负有心人 终于找到了一串很舒服的代码

写在js里面

var animation = wx.createAnimation({

timingFunction: "ease",

})



//options.animation = animation;

animation.rotate(360).step(); //边旋转边放大



//导出动画数据传递给组件的animation属性。

this.setData({

animationData: animation.export(),

})



setTimeout(() => {

animation.rotate(0).step()

this.setData({

sendMsg: '',

animationData: animation.export()

})

}, 1200)

我的方法是把它转360,然后再转回来。进行再次点击就能继续转。

 

你可能感兴趣的:(微信小程序)