做小程序的时候,遇到了一个奇怪的问题,我点击图片,图片产生旋转动画,然后只能实现一次旋转,再点就不转了,这个就很烦,代码的逻辑是没有任何问题的,单步调节的时候,第一次就走这一步,然后最可恨的是,微信的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,然后再转回来。进行再次点击就能继续转。