小程序 仿直播点赞动效 （不基于canvas）

<view class="listImg">
	<block wx:for="{{list}}" wx:key="index">
		<image class="heart_img {{number == index?'active': ''}}" src="../../images/heart{{item}}.png"></image>
	</block>
</view>
<view class="click" bindtap="translate">调用事件</view>

 data: {
    list: ['1', '2', '3',],
    number: -1
  },

  randomNum(minNum, maxNum) {
    console.log(1)
    switch (arguments.length) {
      case 1:
        return parseInt(Math.random() * minNum + 1, 10);
        break;
      case 2:
        return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
        //或者 Math.floor(Math.random()*( maxNum - minNum + 1 ) + minNum );
        break;
      default:
        return 0;
        break;
    }
  },
translate() {
  console.log(2)
    let randomNum = this.randomNum(-30, 30)
    // number是控制active的
    this.setData({
      number: this.data.number + 1
    }, () => {
      if (this.data.number > 4) {
        this.setData({
          number: -1
        })
      }
    })
    // .active 是选择器
    this.animate('.active', [{
        opacity: 1,
        translateY: 0
      },
      {
        opacity: 0,
        translate: [randomNum, -200]
      },
    ], 1000, function () {
  //动画完成后的回调函数
    }.bind(this))
  },