wip: 临时提交

src/layouts/components/AppMain/index.vue

@@ -19,7 +19,7 @@ import variables from "@/styles/variables.module.scss";
 // 缓存页面集合
 const cachedViews = computed(() => useTagsViewStore().cachedViews);
 const appMainHeight = computed(() => {
-  if (useSettingsStore().tagsView) {
+  if (useSettingsStore().showTagsView) {
     return `calc(100vh - ${variables["navbar-height"]} - ${variables["tags-view-height"]})`;
   } else {
     return `calc(100vh - ${variables["navbar-height"]})`;
@@ -32,5 +32,19 @@ const appMainHeight = computed(() => {
   position: relative;
   overflow-y: auto;
   background-color: var(--el-bg-color-page);
+
+  /* 布局切换动画优化 */
+  &.animate__animated {
+    animation-duration: 0.4s;
+    animation-fill-mode: forwards;
+  }
+
+  &.animate__fadeOut {
+    animation-timing-function: ease-in;
+  }
+
+  &.animate__fadeIn {
+    animation-timing-function: ease-out;
+  }
 }
 </style>