🎨 页面过渡

ChanWahFung · ChanWahFung · commit 63cfd270ebcb · 2020-05-09T10:15:04.000+08:00
diff --git a/assets/css/page-transition.css b/assets/css/page-transition.css
@@ -0,0 +1,14 @@
+.page-enter,
+.page-leave-to{
+  opacity: 0;
+  visibility: hidden;
+}
+.page-enter-active,
+.page-leave-active{
+  transition: opacity .08s;
+}
+.page-enter-to,
+.page-leave{
+  opacity: 1;
+  visibility: visible;
+}
diff --git a/assets/css/reset.css b/assets/css/reset.css
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -58,7 +58,8 @@ module.exports = {
   ** Global CSS
   */
   css: [
-    '~/assets/scss/reset.scss',
+    '~/assets/css/reset.css',
+    '~/assets/css/page-transition.css',
     '~/assets/scss/global.scss'
   ],
   /*
