var animation = wx.createAnimation({ duration: 3000, timingFunction: '"linear"', delay: 1000, transformOrigin: '"50% 50% 0"', }) animation.rotate(-90).scale(0.5).step() this.setData({animation1: animation.export()}) |
动画效果如上，点击触发动画后，view一下子旋转并且缩小了，并没有持续3秒的过程。
duration设置了没用。
自己看看吧
wx.createAnimation({duration: 3000,timingFunction:'linear',delay: 1000,transformOrigin:'50% 50% 0'})你没发现你写错了？
/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {},expand() {let height;if (this.data.expand) {height = this.itemH;} else {height = this.wrapH;}const animation = wx.createAnimation({timingFunction: 'ease',duration:500,// transformOrigin: '0 0 0',// delay: 1000});animation.height(height);animation.step();const aaa = animation.export()this.setData({animation: aaa,expand: !this.data.expand});}})确定元素渲染出来后，再设上动画