From bb08754212c3bf9a015f5450e1f77c0d8fbb468b Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期三, 09 四月 2025 14:17:04 +0800
Subject: [PATCH] AI场景页面优化
---
src/app/page.tsx | 31 +++++++++++++++++--------------
1 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cc2abb1..af7c629 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -170,8 +170,8 @@
</motion.div>
{/* 浜や簰鎸夐挳缁� - 椤堕儴 */}
- <div className="flex flex-col sm:flex-row justify-center items-center gap-6 sm:gap-12 mb-28 mt-16">
- <Link href="/ai-scene">
+ <div className="flex flex-col sm:flex-row items-center justify-center gap-6 mb-20">
+ <a href="/ai-scene">
<motion.div
custom={0}
initial="hidden"
@@ -187,29 +187,32 @@
{/* 绮掑瓙鏁堟灉 */}
<div className="absolute inset-0 overflow-hidden rounded-lg">
- {[...Array(6)].map((_, i) => (
+ {[...Array(3)].map((_, i) => (
<motion.div
key={i}
- className="absolute w-1 h-1 rounded-full bg-[#6ADBFF]"
- initial={{ x: "100%", y: "100%", opacity: 0 }}
+ className="absolute rounded-full border border-[#6ADBFF]/20"
+ style={{
+ left: "50%",
+ top: "50%",
+ width: "10px",
+ height: "10px",
+ }}
+ initial={{ scale: 0, x: "-50%", y: "-50%", opacity: 0.5 }}
animate={{
- x: ["100%", `${Math.random() * 100}%`, "0%"],
- y: ["100%", `${Math.random() * 100}%`, "0%"],
- opacity: [0, 1, 0]
+ scale: [0, 8],
+ opacity: [0.5, 0]
}}
transition={{
- duration: 2 + Math.random() * 3,
- repeat: Infinity,
- repeatType: "loop",
- ease: "easeInOut",
- delay: i * 0.2
+ duration: 2,
+ repeat: Infinity,
+ delay: i * 0.6
}}
/>
))}
</div>
</div>
</motion.div>
- </Link>
+ </a>
<Link href="/chat">
<motion.div
--
Gitblit v1.9.3