GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-21 12:33:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

添加动画

Browse Source
This commit is contained in:
thofx
2023-07-18 22:47:19 +08:00
parent 018778488a
commit 4d67126f0e
5 changed files with 151 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/styles/styles.scss
View File

@@ -50,3 +50,37 @@
max-height: calc(100% - env(safe-area-inset-top));
width: 100%;
}
/* router view transition fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
transition: all 0.3s;
}
.fade-slide-enter-from {
opacity: 0;
transform: translateX(-30px);
}
.fade-slide-leave-to {
opacity: 0;
transform: translateX(30px);
}
/* router view transition fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
transition: all 0.6s;
}
.fade-slide-enter-from {
opacity: 0;
transform: translateX(-45px);
}
.fade-slide-leave-to {
opacity: 0;
transform: translateX(45px);
}