Vue首屏加载loading动画界面和路由跳转动画

1、首屏加载等待界面

(1)在public的index.html里面的id为app的div标签里面添加


    
    
正在加载 nx-admin,请耐心等待
V1.3

(2)继续添加style

2、vue路由跳转动画

(1)在App.vue里面添加


   

(2) 在App.vue的style里面添加

#app{
    .fade-enter-active,
  .fade-leave-avtive {
    transition: opacity 1s;
  }
  .fade-enter,
  .fade-leave-to {
    opacity: 0;
  }
}

就能基本实现路由跳转时添加普通动画效果

你可能感兴趣的:(vue,vue.js)