mirror of
https://github.com/Tencent/tdesign-vue-next-starter.git
synced 2024-09-19 18:24:20 +08:00
fix: 修复路由切换时过渡动画异常的问题 (#666)
This commit is contained in:
parent
b73708b6b4
commit
860415dcae
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<t-config-provider :global-config="getComponentsLocale">
|
||||
<router-view :key="locale" :class="[mode]"
|
||||
/></t-config-provider>
|
||||
<router-view :key="locale" :class="[mode]" />
|
||||
</t-config-provider>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue';
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<router-view v-if="!isRefreshing" v-slot="{ Component }">
|
||||
<transition name="fade">
|
||||
<transition name="fade" mode="out-in">
|
||||
<keep-alive :include="aliveViews">
|
||||
<component :is="Component" />
|
||||
</keep-alive>
|
||||
|
@ -54,7 +54,7 @@ const isRefreshing = computed(() => {
|
|||
transition: opacity @anim-duration-slow @anim-time-fn-easing;
|
||||
}
|
||||
|
||||
.fade-enter,
|
||||
.fade-enter-from,
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user