uni-app动画是使用方法

动画队列

调用动画操作方法后要调用 step() 来表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。step 可以传入一个跟 uni.createAnimation() 一样的配置参数用于指定当前组动画的配置。

每次设置动画后需要调用step()

最后通过动画实例的export方法导出动画数据传递给组件的animation属性。

export 方法每次调用后会清掉之前的动画操作

<view :animation="animationData" class="zan-text animate-add">+1</view>

aniamteHandle() {
			//动画执行
			this.animation
				.translateY(-60)
				.opacity(1)
				.step();

			this.animationData = this.animation.export();
			//执行完毕后还原，点击后再次执行，
			setTimeout(
				function() {
					this.animation
						.opacity(0)
						.step();
					this.animationData = this.animation.export();
				}.bind(this),
				1000
			);
		}

执行完毕后把元素归位