From 5fb7be44fa598dbaa5c9be8d967ecfcaa63f6916 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Fri, 31 May 2019 16:23:23 +0200
Subject: [PATCH] fix: set transition on router-view

---
 src/containers/DefaultContainer.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/containers/DefaultContainer.vue b/src/containers/DefaultContainer.vue
index e32917e5..78c468e1 100644
--- a/src/containers/DefaultContainer.vue
+++ b/src/containers/DefaultContainer.vue
@@ -6,7 +6,9 @@
       <main class="c-main">
         <CBreadcrumbRouter/>
         <CContainer fluid>
-          <router-view></router-view>
+          <transition name="fade">
+            <router-view></router-view>
+          </transition>
         </CContainer>
       </main>
       <TheAside/>
@@ -31,3 +33,14 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s;
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>