fix:设置添加页面切换动画

This commit is contained in:
bypanghu
2025-02-13 15:31:58 +08:00
committed by piexlMax(奇淼
parent e494e22c07
commit f608bfa191
8 changed files with 147 additions and 26 deletions

View File

@@ -23,7 +23,7 @@
v-if="config.side_mode === 'combination' && device !== 'mobile'"
mode="normal"
/>
<div class="flex-1 p-2 w-0 h-full">
<div class="flex-1 px-2 w-0 h-full">
<gva-tabs v-if="config.showTabs" />
<div
class="overflow-auto"
@@ -34,7 +34,7 @@
id="gva-base-load-dom"
class="gva-body-h bg-gray-50 dark:bg-slate-800"
>
<transition mode="out-in" name="el-fade-in-linear">
<transition mode="out-in" :name="config.transition_type">
<keep-alive :include="routerStore.keepAliveRouters">
<component :is="Component" :key="route.fullPath" />
</keep-alive>
@@ -61,6 +61,7 @@
import { useUserStore } from '@/pinia/modules/user'
import { useAppStore } from '@/pinia'
import { storeToRefs } from 'pinia'
import '@/style/transition.scss'
const appStore = useAppStore()
const { config, isDark, device } = storeToRefs(appStore)