animate.css在vue项目中的使用
程序员文章站
2024-03-25 12:42:28
...
-
安装
npm install animate.css --save
-
在 main.js中使用
import animated from 'animate.css'
Vue.use(animated)
-
在vue中配合过渡使用
<transition
name="custom-classes-transition"
enter-active-class="animate__animated animate__bounceInLeft"
leave-active-class="animate__animated animate__bounceOutLeft"
>
<p v-show="show" class="box">hello</p>
</transition>
上一篇: Vue_1-6_列表的搜索+排序
下一篇: jq 动画 - animate() 方法