小程序连续点击动画的实现

  css:top:-80rpx;

let timer = null;

onShow:function(){

    

    

    //总积分点击动画效果

var zjfen = wx.createAnimation()

var roll = wx.createAnimation()

this.zjfen = zjfen

this.roll = roll

}

//总积分点击动画效果

bonusTap: function(bonus= 0){

    if(lock){

lock = false

    clearTimeout(timer)

     const that = this

this.zjfen.top( 0).step({ duration: 500 })

this.roll.rotate3d( 0, 1, 0, 360).step({duration: 400})

this.roll.rotate3d( 0, 1, 0, 0).step({ duration: 0})

this.setData({

rollAnimation: that.roll.export(),

zjfenAnimation: that.zjfen.export()

})

timer = setTimeout(() => {

this.zjfen.top( '-80rpx').step({duration: 500})

this.setData({

zjfenAnimation:that.zjfen.export()

})

clearTimeout(timer)

      lock = true

}, 2000)

    }

},