fix: 新增侧边栏和首页

src/layout/components/Header/index.vue

@@ -32,9 +32,5 @@ import { LangSelect } from '@/components/LangSelect'
     padding: 0 60px;
     height: $--header-height;
   }
-  &-divider {
-    margin: 0;
-    padding-top: 0;
-  }
 }
 </style>

src/layout/components/Main/index.vue

@@ -1,11 +1,7 @@
 <template>
   <router-view>
     <template #default="{ Component, route }">
-      <transition name="list-complete" mode="out-in" appear>
-        <keep-alive>
-          <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
-      </transition>
+      <component :is="Component" :key="route.fullPath" />
     </template>
   </router-view>
 </template>

src/layout/components/TransitionMain/index.ts

@@ -0,0 +1,3 @@
+import TransitionMain from './index.vue';
+
+export { TransitionMain };

src/layout/components/TransitionMain/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <router-view #default="{ Component, route }">
+    <n-collapse-transition appear>
+      <component :is="Component" :key="route.fullPath" />
+    </n-collapse-transition>
+    <!-- todo 暂时不生效，待处理 -->
+    <!-- <transition name="v-modal" mode="out-in" appear>
+      <component
+        v-if="route.noKeepAlive"
+        :is="Component"
+        :key="route.fullPath"
+      />
+      <keep-alive v-else>
+        <component :is="Component" :key="route.fullPath" />
+      </keep-alive>
+    </transition> -->
+  </router-view>
+</template>