38 lines
780 B
SCSS
38 lines
780 B
SCSS
/* 页面切换动画
|
|
------------------------------- */
|
|
.slide-right-enter-active,
|
|
.slide-right-leave-active,
|
|
.slide-left-enter-active,
|
|
.slide-left-leave-active {
|
|
will-change: transform;
|
|
transition: all 0.3s ease;
|
|
position: absolute;
|
|
}
|
|
.slide-right-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(-30px);
|
|
}
|
|
.slide-right-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(30px);
|
|
}
|
|
.slide-left-enter-from {
|
|
@extend .slide-right-leave-to;
|
|
}
|
|
.slide-left-leave-to {
|
|
@extend .slide-right-enter-from;
|
|
}
|
|
|
|
/* Breadcrumb 面包屑过渡动画
|
|
------------------------------- */
|
|
.breadcrumb-enter-active,
|
|
.breadcrumb-leave-active {
|
|
transition: all 0.2s ease;
|
|
position: absolute;
|
|
}
|
|
.breadcrumb-enter-from,
|
|
.breadcrumb-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(20px);
|
|
}
|