动画效果

安装animal.css

借助第三方的css工具实现动画效果animate.css

注意使用的时候 一定要加上 animate__animate 这个类名

 npm install animate.css --save
 ##在需要使用的地方加上类就行
 <h1 class="animate__animated animate__bounce">An animated element</h1>

1.路由跳转动画

  • 这里的mode这个参数还没搞明白

具体的参数描述: https://cn.vuejs.org/v2/api/#transition

    <transition enter-active-class="animate__animated animate__fadeInDown" mode="in-out">
      <router-view />
    </transition>

Last updated