diff --git a/src/App.vue b/src/App.vue
index 3ba0284..17acf76 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,9 +15,11 @@ const route = useRoute();
         <MyHead />
       </el-header>
       <el-main class="shell-main">
-        <Transition name="fade-up" mode="out-in">
-          <RouterView :key="route.fullPath" />
-        </Transition>
+        <RouterView v-slot="{ Component }">
+          <Transition name="fade-up" mode="out-in">
+            <component :is="Component" :key="route.fullPath" />
+          </Transition>
+        </RouterView>
       </el-main>
       <el-footer class="shell-footer">
         <MyFooter />