29 lines
461 B
SCSS
29 lines
461 B
SCSS
.page-enter-active, .page-leave-active {
|
|
transition: opacity 0.5s;
|
|
}
|
|
|
|
.page-enter, .page-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
.layout-enter-active {
|
|
transition: transform 0.5s ease, opacity 0.6s ease;
|
|
}
|
|
|
|
.layout-leave-active {
|
|
transition: transform 0.5s ease, opacity 0.1s ease;
|
|
}
|
|
|
|
.layout-enter {
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
|
|
.layout-leave-to {
|
|
transform: translateX(100%);
|
|
opacity: 0;
|
|
}
|
|
|
|
.layout-enter-to, .layout-leave {
|
|
opacity: 1;
|
|
}
|