twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:xiaoxian521/vue-pure-admin into main

Browse Source
This commit is contained in:
xiaoxian521 2021-10-18 16:02:41 +08:00
commit 8b1b37b727
1 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/layout/components/appMain.vue
View File

@ -15,36 +15,38 @@ const transition = computed(() => {
<template> <template>
<section class="app-main"> <section class="app-main">
<router-view> <el-scrollbar>
<template #default="{ Component, route }"> <router-view>
<transition <template #default="{ Component, route }">
:name=" <transition
transition(route) && route.meta.transition.enterTransition :name="
? 'pure-classes-transition' transition(route) && route.meta.transition.enterTransition
: (transition(route) && route.meta.transition.name) || ? 'pure-classes-transition'
'fade-transform' : (transition(route) && route.meta.transition.name) ||
" 'fade-transform'
:enter-active-class=" "
transition(route) && :enter-active-class="
`animate__animated ${route.meta.transition.enterTransition}` transition(route) &&
" `animate__animated ${route.meta.transition.enterTransition}`
:leave-active-class=" "
transition(route) && :leave-active-class="
`animate__animated ${route.meta.transition.leaveTransition}` transition(route) &&
" `animate__animated ${route.meta.transition.leaveTransition}`
mode="out-in" "
appear mode="out-in"
> appear
<keep-alive
v-if="keepAlive"
:include="usePermissionStoreHook().cachePageList"
> >
<component :is="Component" :key="route.fullPath" /> <keep-alive
</keep-alive> v-if="keepAlive"
<component v-else :is="Component" :key="route.fullPath" /> :include="usePermissionStoreHook().cachePageList"
</transition> >
</template> <component :is="Component" :key="route.fullPath" />
</router-view> </keep-alive>
<component v-else :is="Component" :key="route.fullPath" />
</transition>
</template>
</router-view>
</el-scrollbar>
</section> </section>
</template> </template>