GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): 修复页面切换动画无变化

Browse Source
This commit is contained in:
Soybean 2022-02-25 10:57:05 +08:00
parent 5b401a79ba
commit c4546bdfa3
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/common/GlobalContent/index.vue
View File

@ -4,7 +4,7 @@
class="h-full bg-[#f6f9f8] dark:bg-[#101014] transition duration-300 ease-in-out" class="h-full bg-[#f6f9f8] dark:bg-[#101014] transition duration-300 ease-in-out"
> >
<router-view v-slot="{ Component, route }"> <router-view v-slot="{ Component, route }">
<transition name="fade-slide" mode="out-in" appear> <transition :name="theme.page.animateMode" mode="out-in" appear>
<keep-alive :include="routeStore.cacheRoutes"> <keep-alive :include="routeStore.cacheRoutes">
<component :is="Component" v-if="app.reloadFlag" :key="route.path" /> <component :is="Component" v-if="app.reloadFlag" :key="route.path" />
</keep-alive> </keep-alive>
@ -14,7 +14,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { useAppStore, useRouteStore } from '@/store'; import { useAppStore, useThemeStore, useRouteStore } from '@/store';
interface Props { interface Props {
/** 显示padding */ /** 显示padding */
@ -26,6 +26,7 @@ withDefaults(defineProps<Props>(), {
}); });
const app = useAppStore(); const app = useAppStore();
const theme = useThemeStore();
const routeStore = useRouteStore(); const routeStore = useRouteStore();
</script> </script>
<style scoped></style> <style scoped></style>