0
点赞
收藏
分享

微信扫一扫

uni-app配置Animate.css动画

承蒙不弃 2021-09-29 阅读 192

首先下载Animate.css

https://animate.style/   在此网址有下载说明

下载之后将animate.css放置到uniapp项目中的common目录中的


之后在App.vue中引入此文件

<style>

@import "./common/animate.css";

</style>

即可在其他vue文件中使用了

<template>

//这是animate更新后使用动画的方式前面要加前缀animate,hover-class是uniapp中可以触发指定按下去的样式类

<view class="animate__animated" hover-class="animate__rubberBand" style="width:200px;border:1px solid black;margin:30px auto;">

展示动画

</view>

</template>

举报

相关推荐

0 条评论