uniapp——如何使用animate

1.官網   動畫庫地址：https://animate.style/

 

 在動畫庫中查找需要的動畫效果，點擊可演示動畫效果，鼠標放上可復制相應類名

 

2.下載css命令：npm install animate.css

 

 

把animate放入公共文件夾中

 

3.在APP.vue中引用全局引用animate.css

 

 

4.使用方法：class="動畫效果類名" hover-class="點擊效果類名"

注：animate__bounce：就是在動畫庫中復制的類名

 

 

5.控制動畫的展示效果