微信小程序动画的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监控过渡

css

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

js

data:{
red:false
},
clickMe(){
this.setData({ red:!this.data.red })
}