wavelet init

2026-10-11 09:46:37 +08:00 · 2026-06-18 15:24:48 +08:00
parent d6a7011885
commit 99738bbc17
714 changed files with 139987 additions and 0 deletions
@@ -0,0 +1,30 @@
+import {motion} from "motion/react"
+
+
+/**
+ * 页面过渡组件
+ * 用于统一显示页面过渡效果
+ *
+ * @example
+ * ```tsx
+ * <PageTransition>
+ *   <div>内容</div>
+ * </PageTransition>
+ * ```
+ * @param {React.ReactNode} children - 页面过渡组件的子元素
+ * @returns {React.ReactNode} 页面过渡组件
+ */
+export function PageTransition({ children }: { children: React.ReactNode }) {
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{
+        duration: 0.6,
+        ease: "easeOut",
+      }}
+    >
+      {children}
+    </motion.div>
+  )
+}