公司表示将举办活动迎接双十一。.然后最怕的事情出现了，就是做转盘。以前没怎么写过动画，特别害怕这些东西。..好了，不废话了。开门见山。首先，构图。大意就是页面有一个转盘，然后转盘就是一个背景。转盘的指针也用了图片。如下图所示：那么第二步就是搜索小程序文档了。发现有个wx.createAnimation（创建动画的参数），参数如下。好了，下面开始一起使用js和interface。请记住，animation属性位于您要设置动画的视图上。至于animationData等解释。letthatconstapp=getApp()Page({data:{animationData:{},//初始动画数据Prize:[45,90,135]//45度安慰奖，90度二等奖，135度一等奖},start(){letanimation=wx.createAnimation({//创建动画实例duration:3000,timingFunction:'ease'})animation.rotate(360*3+Prize[i]).step()//因为公司的项目轮播分为8个区域，每个区域45°，先设置旋转3圈，然后加上后台返回的logo，假设这是安慰奖，随意旋转这个最后就是到达positionof45degrees.that.setData({animationData:animation.export()//最后根据小程序文档，需要导出这个参数。})},onLoad(){that=this},onShow(){}})好了，大功告成，我们试试看。..特别是有些坑，动画只会运行一次。无论您如何点击启动方法，动画都不会重新运行。.解决方法是在data中定义一个isTrue布尔值，判断该值。如果运行正常旋转方法，则为True，否则为false。旋转的度数需要改为0。然后去旋转新的度数。
