---

下载代码

animate.css官网地址：
https://animate.style/

复制css代码，添加到我们的项目
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css

/static/animatecss/animate.css

引入

App.vue中引入：

/* 引入css动画库 */
@import './static/animatecss/animate.css';

使用

index.vue:

<template>
    <view>
        <navigator url="../list/list">
            <view>跳转到测试页</view>
        </navigator>
    </view>
</template>

在这个页面我们添加一个跳转链接
新建一个页面pages/list/list.vue
list.vue

<template>
    <view class="animate__animated animate__bounce">
        111111
    </view>
</template>

从首页点击链接跳到list页，查看文字的跳动效果。

更多animate.css的使用查看官方文档：
https://animate.style/