添加动画

2026-09-04 23:18:44 +08:00 · 2023-07-22 16:43:22 +08:00
parent 018778488a
commit 4d67126f0e
5 changed files with 151 additions and 10 deletions
@@ -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);
+}