refactor: ♻️ 页面过渡动画效果优化

This commit is contained in:
ray
2025-01-08 14:18:06 +08:00
parent ea5e723004
commit cf56a35575
3 changed files with 3 additions and 3 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<el-breadcrumb class="flex-y-center"> <el-breadcrumb class="flex-y-center">
<transition-group name="el-fade-in-right"> <transition-group name="el-fade-in-linear" mode="out-in">
<el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path"> <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
<span <span
v-if="item.redirect === 'noredirect' || index === breadcrumbs.length - 1" v-if="item.redirect === 'noredirect' || index === breadcrumbs.length - 1"

View File

@@ -2,7 +2,7 @@
<section class="app-main" :style="{ height: appMainHeight }"> <section class="app-main" :style="{ height: appMainHeight }">
<router-view> <router-view>
<template #default="{ Component, route }"> <template #default="{ Component, route }">
<transition name="el-fade-in"> <transition name="el-fade-in-linear" mode="out-in">
<keep-alive :include="cachedViews"> <keep-alive :include="cachedViews">
<component :is="Component" :key="route.path" /> <component :is="Component" :key="route.path" />
</keep-alive> </keep-alive>

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="logo"> <div class="logo">
<transition enter-active-class="el-fade-in-left"> <transition name="el-fade-in-linear" mode="out-in">
<router-link :key="+collapse" class="wh-full flex-center" to="/"> <router-link :key="+collapse" class="wh-full flex-center" to="/">
<img :src="logo" class="w20px h20px" /> <img :src="logo" class="w20px h20px" />
<span v-if="!collapse" class="title"> <span v-if="!collapse" class="title">