github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 19:29:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: modify the default route switching animation

Browse Source
This commit is contained in:
vben
2020-10-28 00:41:41 +08:00
parent f65bed72ac
commit 96021fad6d
7 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/design/transition/fade.less
View File

@@ -1,6 +1,6 @@
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.1s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.fade-enter-from,
@@ -8,18 +8,18 @@
opacity: 0;
}
/* fade-transform */
.slide-fade-leave-active,
.slide-fade-enter-active {
transition: all 0.3s;
/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
transition: all 0.5s;
}
.slide-fade-enter-from {
.fade-slide-enter-from {
opacity: 0;
transform: translateX(-30px);
}
.slide-fade-leave-to {
.fade-slide-leave-to {
opacity: 0;
transform: translateX(30px);
}