sxyanzhu
/
AIManage
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update code

main
haha 2024-08-03 01:00:57 +08:00
parent 3f2741c473
commit 4507369487
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/layout/components/AppMain/index.vue
View File

@ -3,12 +3,11 @@
<el-scrollbar height="calc(100vh - 76px)"> <el-scrollbar height="calc(100vh - 76px)">
<router-view> <router-view>
<template #default="{ Component, route }"> <template #default="{ Component, route }">
<transition <transition enter-active-class="animate__animated animate__fadeIn" mode="out-in">
enter-active-class="animate__animated animate__fadeIn"
mode="out-in"
>
<keep-alive :include="cachedViews"> <keep-alive :include="cachedViews">
<div>
<component :is="Component" :key="route.path" /> <component :is="Component" :key="route.path" />
</div>
</keep-alive> </keep-alive>
</transition> </transition>
</template> </template>
@ -29,7 +28,8 @@ const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页
width: 100%; width: 100%;
min-height: calc(100vh - 100px); min-height: calc(100vh - 100px);
overflow: hidden; overflow: hidden;
:deep(.el-scrollbar__view){
:deep(.el-scrollbar__view) {
height: 100%; height: 100%;
} }
} }
@ -38,19 +38,19 @@ const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页
min-height: calc(100vh - $navbar-height - $tags-view-height); min-height: calc(100vh - $navbar-height - $tags-view-height);
} }
.fixed-header + .app-main { .fixed-header+.app-main {
min-height: 100vh; min-height: 100vh;
padding-top: $navbar-height; padding-top: $navbar-height;
} }
.hasTagsView .fixed-header + .app-main { .hasTagsView .fixed-header+.app-main {
min-height: 100vh; min-height: 100vh;
padding-top: $navbar-height + $tags-view-height; padding-top: $navbar-height + $tags-view-height;
} }
.layout-mix, .layout-mix,
.layout-top { .layout-top {
.fixed-header + .app-main { .fixed-header+.app-main {
padding-top: 0; padding-top: 0;
} }
} }
@ -67,11 +67,11 @@ const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页
min-height: calc(100vh - $navbar-height - $tags-view-height); min-height: calc(100vh - $navbar-height - $tags-view-height);
} }
.fixed-header + .app-main { .fixed-header+.app-main {
min-height: calc(100vh - $navbar-height); min-height: calc(100vh - $navbar-height);
} }
.hasTagsView .fixed-header + .app-main { .hasTagsView .fixed-header+.app-main {
height: calc(100vh - $navbar-height); height: calc(100vh - $navbar-height);
min-height: calc(100vh - $navbar-height); min-height: calc(100vh - $navbar-height);
padding-top: $tags-view-height; padding-top: $tags-view-height;
@ -79,7 +79,7 @@ const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页
} }
.layout-top { .layout-top {
.hasTagsView .fixed-header + .app-main { .hasTagsView .fixed-header+.app-main {
padding-top: $tags-view-height; padding-top: $tags-view-height;
} }
} }