From 2785a58a36240c531a41f2feb634102f411b01a0 Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期二, 08 四月 2025 12:25:37 +0800
Subject: [PATCH] 主页优化
---
src/app/page.tsx | 27 +++++++++++++++------------
1 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6223957..cc2abb1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,9 @@
useEffect(() => {
setMounted(true);
setIsClient(true);
+
+ // 纭繚椤甸潰鍒锋柊鏃舵粴鍔ㄥ埌椤堕儴
+ window.scrollTo(0, 0);
}, []);
// 瀹氫箟鍔ㄧ敾鍙樹綋
@@ -62,7 +65,7 @@
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.6, ease: "easeOut" }}
+ transition={{ duration: 0.4, ease: "easeOut" }}
className="text-center mb-32 relative will-change-transform"
>
{/* 鑳屾櫙瑁呴グ鏁堟灉 */}
@@ -72,7 +75,7 @@
initial={{ scaleX: 0 }}
whileInView={{ scaleX: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 1.2, delay: 0.3 }}
+ transition={{ duration: 0.8, delay: 0.2 }}
/>
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
{[...Array(2)].map((_, i) => (
@@ -90,9 +93,9 @@
whileInView={{ scale: [0, 5 + i], opacity: [0.2, 0] }}
viewport={{ once: false, margin: "-100px" }}
transition={{
- duration: 3,
+ duration: 2,
repeat: Infinity,
- delay: i * 0.8
+ delay: i * 0.6
}}
/>
))}
@@ -101,10 +104,10 @@
<motion.h1
className="text-4xl md:text-5xl font-bold mb-3 relative inline-block"
- initial={{ opacity: 0, filter: "blur(10px)" }}
- whileInView={{ opacity: 1, filter: "blur(0px)" }}
+ initial={{ opacity: 0, y: 20 }}
+ whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.8, delay: 0.2 }}
+ transition={{ duration: 0.4, ease: "easeOut" }}
>
<span className="text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#5E72EB] relative">
甯峰箘鍚涙垚
@@ -115,7 +118,7 @@
opacity: [0.6, 1, 0.6]
}}
transition={{
- duration: 2,
+ duration: 1.5,
repeat: Infinity,
ease: "easeInOut"
}}
@@ -129,7 +132,7 @@
initial={{ scaleX: 0 }}
whileInView={{ scaleX: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.8, delay: 0.5, ease: "easeOut" }}
+ transition={{ duration: 0.5, delay: 0.3, ease: "easeOut" }}
style={{ originX: 0 }}
/>
</div>
@@ -139,7 +142,7 @@
initial={{ opacity: 0, y: 10 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.6, delay: 0.7 }}
+ transition={{ duration: 0.4, delay: 0.4 }}
>
鏅鸿兘鍖栦緵搴旈摼绠＄悊锛�
<motion.span
@@ -147,7 +150,7 @@
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.4, delay: 1.1 }}
+ transition={{ duration: 0.3, delay: 0.6 }}
>
AI妯℃嫙APS鍦烘櫙
</motion.span>
@@ -159,7 +162,7 @@
initial={{ scale: 0 }}
whileInView={{ scale: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.5, delay: 1.2 }}
+ transition={{ duration: 0.4, delay: 0.7 }}
>
<div className="w-full h-full bg-gradient-to-r from-[#6ADBFF]/0 via-[#6ADBFF] to-[#6ADBFF]/0"></div>
</motion.div>
--
Gitblit v1.9.3