admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 移除 breadcrumb transition

Browse Source
This commit is contained in:
pany 2022-08-25 17:11:34 +08:00
parent d926c6c2b5
commit 1d954025fb
2 changed files with 8 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/layout/components/Breadcrumb/index.vue
View File

@ -48,16 +48,14 @@ getBreadcrumb()
<template> <template>
<el-breadcrumb class="app-breadcrumb"> <el-breadcrumb class="app-breadcrumb">
<transition-group name="breadcrumb"> <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 v-if="item.redirect === 'noRedirect' || index === breadcrumbs.length - 1" class="no-redirect">
<span v-if="item.redirect === 'noRedirect' || index === breadcrumbs.length - 1" class="no-redirect"> {{ item.meta.title }}
{{ item.meta.title }} </span>
</span> <a v-else @click.prevent="handleLink(item)">
<a v-else @click.prevent="handleLink(item)"> {{ item.meta.title }}
{{ item.meta.title }} </a>
</a> </el-breadcrumb-item>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb> </el-breadcrumb>
</template> </template>

17
src/styles/transition.scss
View File

@ -14,23 +14,6 @@
transform: translateX(30px); transform: translateX(30px);
} }
// breadcrumb
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all 0.5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
opacity: 0;
transform: translateX(20px);
}
.breadcrumb-move {
transition: all 0.5s;
}
.breadcrumb-leave-active {
position: absolute;
}
// sidebar-logo-fade // sidebar-logo-fade
.sidebar-logo-fade-enter-active, .sidebar-logo-fade-enter-active,
.sidebar-logo-fade-leave-active { .sidebar-logo-fade-leave-active {