refactor: ♻️ 页面过渡动画效果优化
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user