说明:网上很多导入使用很多都用不了,不知道是因为版本问题还是什么
本人测试可以使用的两种方式
第一种:
安装
npm install vue2-animate -S
在main.js中可直接使用
import 'vue2-animate/dist/vue2-animate.min.css'
样式参考如下
Bounce
bounce
bounceDown
bounceLeft
bounceRight
bounceUp
Fadefade
fadeDown
fadeDownBig
fadeLeft
fadeLeftBig
fadeRight
fadeRightBig
fadeUp
fadeUpBig
Rotaterotate
rotateDownLeft
rotateDownRight
rotateUpLeft
rotateUpRight
SlideslideDown
slideLeft
slideRight
slideUp
Zoomzoom
zoomDown
zoomLeft
zoomRight
zoomUp
第二种:
直接vue的根目录中找到index.html
在head中引入
<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css">
这个我试过用本地的,但是怎么弄都不生效