微信小程序动画的2种方式

<view class="voteBox" animation="{{animation}}"></view>复制代码

 this.animation = wx.createAnimation({  
       duration: 500, 
       timingFunction: "ease",   
       transformOrigin: "50% 50%"    
   })    
 this.animation.top(2000).step();   
 this.setData({    
      animation: this.animation.export(),  
  })复制代码

第二种（个人推荐）

在view 上加一个属性,属性用布尔值来控制是否存在，在js里一开始是默认false,通过点击事件修改布尔值来触发属性的变化，css3监控过渡

<view class="i-class {{red ? 'red' : ''}}" bindtap="clickMe">点击</view>

css

.i-class{width:500rpx;transition: width 8s}
.red{100rpx;}复制代码

js

data:{
red:false
},
clickMe(){
this.setData({ red:!this.data.red })
}
复制代码