ui: 页面切换过渡动画 — AnimatePresence 淡入滑出效果

2026-02-26 16:41:39 +08:00
parent 20f63c67cb
commit add9733bc9
2 changed files with 47 additions and 1 deletions
@@ -3,6 +3,7 @@ import { Geist } from "next/font/google";
 import "./globals.css";
 import GlobalUserBadge from "@/components/GlobalUserBadge";
 import ServiceWorkerRegistrar from "@/components/ServiceWorkerRegistrar";
+import PageTransition from "@/components/PageTransition";

 const geistSans = Geist({
  variable: "--font-geist-sans",
@@ -40,7 +41,7 @@ export default function RootLayout({
      <body className={`${geistSans.variable} font-sans antialiased`}>
        <ServiceWorkerRegistrar />
        <GlobalUserBadge />
-        {children}
+        <PageTransition>{children}</PageTransition>
      </body>
    </html>
  );