更新记录
1.0.1(2024-03-12) 下载此版本
整合animate.css动画及文档,方便各位开发者使用
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.8.3 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
先上详细文档:animate.css详细教程
在线体验地址:animate.css在线体验
使用步骤:
1、下载插件,插件就是完整项目,里面有完整的animate.css
2、引入animate.css
如下图所示,static文件夹下面有两个文件,一个是animate.css未压缩版本,一个是animate.css压缩版本,未压缩版本供各位学习,压缩版本可以放在正式项目里面使用
3、使用示例
引入css后,在需要添加动画的元素上,添加animate__animated和相应动画的class 就可以了,如下图所示:
为方便大家使用,可以在animate.css在线演示查看和复制相应的class
详细文档:animate.css详细教程
此项目旨在分享,因为这个animate官方网站特别卡,所以我基本上是把官网上核心的东西都搬过来了,目的就是为了方便自己和其他需要在uniapp中使用animate.css的朋友使用,以此记录,如各位在使用过程中遇到一些问题,或者教程有不当的地方,还请指点出来,以防止后来者踩坑!
一起为前端添砖加瓦!!!