uniapp 使用animate

13 篇文章 1 订阅
近日项目都完成的差不多了,突然感觉项目中很单调,连一处动画效果都没有,所以想着给项目添加动画,搜索后发现大部分都是使用animate.css
紧接着去查看animate中文网: http://www.animate.net.cn/,不知道什么原因animate下载地址打不开了,所以找了另外一个链接https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css
可以自己新建一个animate.min.css文件然后cv一下

完事后把文件放在公共资源文件里
在这里插入图片描述
接着在全局引入一下,找到App.vue引入时注意要添加一下条件编译,要不然会报很多错
在这里插入图片描述
接着就可以在项目中使用了
在这里插入图片描述

选择自己喜欢的动画添加class名就可以了 animate 动画演示 —链接:https://www.kettle.net.cn/animate/index.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值