twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: update

Browse Source
This commit is contained in:
xiaoxian521 2022-12-02 11:08:11 +08:00
parent f1e6ddff18
commit cf8e5897fb
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/sidebar/breadCrumb.vue
View File

@ -97,8 +97,12 @@ watch(
<template> <template>
<el-breadcrumb class="!leading-[50px] select-none" separator="/"> <el-breadcrumb class="!leading-[50px] select-none" separator="/">
<transition-group appear name="breadcrumb"> <transition-group name="breadcrumb">
<el-breadcrumb-item v-for="item in levelList" :key="item.path"> <el-breadcrumb-item
class="!inline !items-stretch"
v-for="item in levelList"
:key="item.path"
>
<a @click.prevent="handleLink(item)"> <a @click.prevent="handleLink(item)">
{{ transformI18n(item.meta.title) }} {{ transformI18n(item.meta.title) }}
</a> </a>

7
src/style/transition.scss
View File

@ -26,9 +26,12 @@
} }
/* breadcrumb transition */ /* breadcrumb transition */
.breadcrumb-enter-active, .breadcrumb-enter-active {
transition: all 0.4s;
}
.breadcrumb-leave-active { .breadcrumb-leave-active {
transition: all 0.5s; transition: all 0.3s;
} }
.breadcrumb-enter-from, .breadcrumb-enter-from,