diff --git a/src/layout/components/AppMain/index.vue b/src/layout/components/AppMain/index.vue
index f9770dfd..e2bb5e4d 100644
--- a/src/layout/components/AppMain/index.vue
+++ b/src/layout/components/AppMain/index.vue
@@ -2,7 +2,10 @@
   <section class="app-main">
     <router-view>
       <template #default="{ Component, route }">
-        <transition mode="out-in">
+        <transition
+          enter-active-class="animate__animated animate__slideInLeft"
+          mode="out-in"
+        >
           <keep-alive :include="cachedViews">
             <component :is="Component" :key="route.path" />
           </keep-alive>
@@ -14,9 +17,8 @@
 
 <script setup lang="ts">
 import { useTagsViewStore } from "@/store";
-const tagsViewStore = useTagsViewStore();
 
-const cachedViews = computed(() => tagsViewStore.cachedViews); // 缓存页面集合
+const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页面集合
 </script>
 
 <style lang="scss" scoped>
@@ -34,54 +36,40 @@ const cachedViews = computed(() => tagsViewStore.cachedViews); // 缓存页面
 }
 
 .hasTagsView {
-  .app-main {
-    /* 84 = navbar + tags-view = 50 + 34 */
+  .app-main,
+  .fixed-header + .app-main {
     min-height: calc(100vh - $navbar-height - $tags-view-height);
   }
 
   .fixed-header + .app-main {
-    min-height: 100vh;
     padding-top: $navbar-height + $tags-view-height;
   }
 }
 
+.layout-mix,
+.layout-top {
+  .fixed-header + .app-main {
+    padding-top: 0;
+  }
+}
+
 .layout-mix {
   .app-main {
     height: calc(100vh - $navbar-height);
-    min-height: calc(100vh - $navbar-height);
     padding-top: 0;
     overflow-y: auto;
   }
 
-  .fixed-header + .app-main {
-    min-height: calc(100vh - $navbar-height);
-    padding-top: 0;
-  }
-
-  .hasTagsView {
-    .app-main {
-      height: calc(100vh - $navbar-height - $tags-view-height);
-      min-height: calc(100vh - $navbar-height - $tags-view-height);
-    }
-
-    .fixed-header + .app-main {
-      min-height: calc(100vh - $navbar-height);
-      padding-top: $tags-view-height;
-    }
+  .hasTagsView .app-main,
+  .hasTagsView .fixed-header + .app-main {
+    height: calc(100vh - $navbar-height - $tags-view-height);
+    padding-top: $tags-view-height;
   }
 }
 
 .layout-top {
-  .fixed-header + .app-main {
-    min-height: calc(100vh - $navbar-height);
-    padding-top: 0;
-  }
-
-  .hasTagsView {
-    .fixed-header + .app-main {
-      min-height: calc(100vh - $navbar-height);
-      padding-top: $tags-view-height;
-    }
+  .hasTagsView .fixed-header + .app-main {
+    padding-top: $tags-view-height;
   }
 }
 </style>