feat: 添加页面切换动画

2026-05-23 23:08:00 +08:00
parent fc71e924e7
commit bc785ac1ce
7 changed files with 106 additions and 4 deletions
@@ -0,0 +1,10 @@
+// app/middleware/page-transition.global.ts - 根据页面 pageOrder 动态切换滑动方向
+// 离开动画依赖 from.meta，进入动画依赖 to.meta，需要同时设置才能保证方向一致
+export default defineNuxtRouteMiddleware((to, from) => {
+  const toOrder = Number(to.meta.pageOrder ?? 0);
+  const fromOrder = Number(from.meta.pageOrder ?? 0);
+
+  const name = toOrder >= fromOrder ? "slide-left" : "slide-right";
+  to.meta.pageTransition = { name };
+  from.meta.pageTransition = { name };
+});