使用Vue搭配animate.css库，怎么设置动画的速度，如何在动画进行时暂停动画。

Question

用vue动态组件，写了个抽奖的滚动画面（像老虎机那样，点击后滚动的画面就停止住）。
本着自己写的css简陋不堪的想法，动画过渡啥的就用了animate.css。
于是问题来着，我并不知道怎么控制animate.css里的动画速度，以及，用vue自带的过度时钩子也没做到让动画停止下来。
希望有大佬告知下解决方案，不胜感激。

Answer 1

<transition :duration="{ enter: 500, leave: 800 }">
    <div class="animated">
    </div>
</transition>

Answer 2

动画速度，即动画执行时间，你使用的animate.css，执行时间是在css里面定义好了的，如果需要重新设置，只需要覆盖class属性就行。

Answer 3

<style lang="scss" scoped>
.animated {animation-duration: 0.5s;}
</style>