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>

src/layout/index.vue

@@ -6,17 +6,8 @@
 import { ref, onMounted } from 'vue'
 import { useLoadingBar } from 'naive-ui'
 import { MainView } from '@/layout/components/Main/index'
-const collapsed = ref<boolean>(false)
-
-const watchWidth = () => {
-  const Width = document.body.clientWidth
-  if (Width <= 950) {
-    collapsed.value = true
-  } else collapsed.value = false
-}
 
 onMounted(() => {
-  window.addEventListener('resize', watchWidth)
   //挂载在 window 方便与在js中使用
   window['$loading'] = useLoadingBar()
   window['$loading'].finish()