From e113f64857a16d661c973f0c35f9604f5b4ec24a Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期二, 08 四月 2025 14:12:31 +0800
Subject: [PATCH] 新建注册页面
---
src/app/login/page.tsx | 33 ++++++++++++++++++---------------
1 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 824f5f4..1d13b83 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -16,7 +16,12 @@
// 纭繚缁勪欢鎸傝浇鍚庡啀鏄剧ず鍔ㄧ敾鏁堟灉
useEffect(() => {
- setMounted(true);
+ // 浣跨敤 requestAnimationFrame 纭繚鍦ㄤ笅涓�甯ф墽琛岋紝鎻愰珮鍔ㄧ敾娴佺晠搴�
+ const animationFrame = requestAnimationFrame(() => {
+ setMounted(true);
+ });
+
+ return () => cancelAnimationFrame(animationFrame);
}, []);
const handleSubmit = (e: React.FormEvent) => {
@@ -65,8 +70,12 @@
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: mounted ? 1 : 0, y: mounted ? 0 : 20 }}
- transition={{ duration: 0.8, ease: "easeOut" }}
- className="relative z-10 w-full max-w-3xl flex rounded-2xl backdrop-blur-lg bg-[#1E2B63]/40 border border-[#6ADBFF]/20 shadow-xl overflow-hidden"
+ transition={{
+ duration: 0.5,
+ ease: [0.25, 0.1, 0.25, 1],
+ staggerChildren: 0.1
+ }}
+ className="relative z-10 w-full max-w-3xl flex rounded-2xl backdrop-blur-lg bg-[#1E2B63]/40 border border-[#6ADBFF]/20 shadow-xl overflow-hidden gpu-accelerated"
>
{/* 鍗＄墖鍐呴儴瑁呴グ */}
<div className="absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-[#6ADBFF]/50 to-transparent"></div>
@@ -433,19 +442,13 @@
</button>
</div>
- {/* 娉ㄥ唽閾炬帴 */}
- <div className="mt-4 text-center">
- <p className="text-xs text-white/70">
- 杩樻病鏈夊笎鍙�?
- <motion.a
- href="#"
- className="ml-1 text-[#6ADBFF] hover:text-[#6ADBFF] transition-colors duration-200 relative group"
- whileHover={{ scale: 1.03 }}
- whileTap={{ scale: 0.97 }}
- >
+ {/* 鍙充晶鐧诲綍琛ㄥ崟搴曢儴 - 娣诲姞娉ㄥ唽閾炬帴 */}
+ <div className="mt-6 text-center">
+ <p className="text-white/70 text-sm">
+ 杩樻病鏈夎处鍙凤紵
+ <Link href="/register" className="text-[#6ADBFF] hover:text-[#FF6A88] ml-1 transition-colors duration-300">
绔嬪嵆娉ㄥ唽
- <span className="absolute -bottom-0.5 left-0 w-0 h-[1px] bg-[#6ADBFF] group-hover:w-full transition-all duration-300 ease-out"></span>
- </motion.a>
+ </Link>
</p>
</div>
</div>
--
Gitblit v1.9.3