前言
在网上找了很多相关的教程,很多文章都是出自一个人,而且使用animate的版本都是3.x的版本,比较老,官网最新的很多效果都不能使用,所以就研究了下,写个最新版的教程,可以给用到的人得到点帮助。
一、下载
// 下载后别忘记把后缀名修改为wxss
https://github.com/animate-css/animate.css/blob/main/animate.css
二、引用
// 将下载的文件放入小程序根目录utils文件夹下
// 在app.wxss下引用
@import "/utils/animate.wxss";
三、修改animate.wxss
将:root修改为page
四、使用
<!-- 第一个参数是固定,第二个参数是效果。还有循环次数,延迟等参数,具体看官网文档就可以了-->
<view class="animate__animated animate__bounce">效果展示</view>