From 4e578e95c886056bf43f132bd685c2f3c363cd9f Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期六, 05 四月 2025 21:52:32 +0800
Subject: [PATCH] 创建登录页面
---
src/components/layout/Navbar.tsx | 42 +++++++++++++++++++++++++++++++-----------
1 files changed, 31 insertions(+), 11 deletions(-)
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
index 6a9a5be..f8768cc 100644
--- a/src/components/layout/Navbar.tsx
+++ b/src/components/layout/Navbar.tsx
@@ -188,13 +188,28 @@
{/* 鐧诲綍鎸夐挳 */}
<div className="relative group ml-6">
- <button className="relative bg-gradient-to-r from-[#5E72EB] to-[#FF9190] px-7 py-2
- rounded-full text-white font-medium overflow-hidden shadow-[0_2px_10px_rgba(94,114,235,0.3)]
- hover:shadow-[0_5px_15px_rgba(94,114,235,0.5)] transition-shadow duration-300">
- <span className="relative z-10">鐧诲綍</span>
- <div className="absolute inset-0 bg-gradient-to-r from-[#FF9190] to-[#5E72EB] opacity-0
- group-hover:opacity-100 transition-opacity duration-500"></div>
- </button>
+ <Link href="/login" className="relative overflow-hidden flex items-center justify-center px-7 py-2 rounded-full border border-[#6ADBFF]/40 bg-gradient-to-r from-[#131C41] to-[#1E2B63] hover:border-[#6ADBFF]/70 transition-all duration-300 group quantum-button">
+ <span className="relative z-10 text-white group-hover:text-[#6ADBFF] transition-colors duration-300 quantum-pulse">鐧诲綍</span>
+
+ {/* 閲忓瓙鍏夌嚎鏁堟灉 */}
+ <div className="absolute inset-0 overflow-hidden">
+ {/* 搴曞眰杈夊厜鏁堟灉 */}
+ <div className="absolute inset-0 opacity-0 group-hover:opacity-30 transition-opacity duration-500 bg-gradient-to-r from-[#6ADBFF]/20 to-[#6ADBFF]/40"></div>
+
+ {/* 閲忓瓙鎵弿绾� */}
+ <div className="absolute top-[45%] -left-10 h-[1px] w-[120%] bg-gradient-to-r from-transparent via-[#6ADBFF] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 quantum-scan-line"></div>
+
+ {/* 閲忓瓙鏁版嵁娴� */}
+ <div className="absolute top-0 h-full w-full">
+ <div className="absolute left-[20%] top-0 bottom-0 w-[1px] bg-gradient-to-b from-transparent via-[#6ADBFF]/30 to-transparent transform scale-y-0 group-hover:scale-y-100 transition-transform duration-700 ease-out" style={{transitionDelay: '0.1s'}}></div>
+ <div className="absolute left-[50%] top-0 bottom-0 w-[1px] bg-gradient-to-b from-transparent via-[#6ADBFF]/30 to-transparent transform scale-y-0 group-hover:scale-y-100 transition-transform duration-700 ease-out" style={{transitionDelay: '0.2s'}}></div>
+ <div className="absolute left-[80%] top-0 bottom-0 w-[1px] bg-gradient-to-b from-transparent via-[#6ADBFF]/30 to-transparent transform scale-y-0 group-hover:scale-y-100 transition-transform duration-700 ease-out" style={{transitionDelay: '0.3s'}}></div>
+ </div>
+
+ {/* 閲忓瓙杈圭紭鏁堟灉 */}
+ <div className="absolute bottom-0 left-0 right-0 h-[2px] bg-gradient-to-r from-transparent via-[#6ADBFF] to-transparent transform scale-x-0 group-hover:scale-x-100 transition-transform duration-700 ease-out"></div>
+ </div>
+ </Link>
</div>
</div>
@@ -251,10 +266,15 @@
</Link>
<div className="pt-3 pb-1">
- <button className="w-full bg-gradient-to-r from-[#5E72EB] to-[#FF9190]
- text-white font-medium px-6 py-2 rounded-md">
- 鐧诲綍
- </button>
+ <Link href="/login" className="relative overflow-hidden flex items-center justify-center w-full px-6 py-2 rounded-full border border-[#6ADBFF]/40 bg-gradient-to-r from-[#131C41] to-[#1E2B63] text-white font-medium group">
+ <span className="relative z-10 text-white group-hover:text-[#6ADBFF] transition-colors duration-300">鐧诲綍</span>
+
+ {/* 绠�鍖栫増閲忓瓙鏁堟灉 - 閫傚悎绉诲姩绔� */}
+ <div className="absolute inset-0 overflow-hidden">
+ <div className="absolute inset-0 opacity-0 group-hover:opacity-30 transition-opacity duration-500 bg-gradient-to-r from-[#6ADBFF]/20 to-[#6ADBFF]/40"></div>
+ <div className="absolute bottom-0 left-0 right-0 h-[2px] bg-gradient-to-r from-transparent via-[#6ADBFF] to-transparent transform scale-x-0 group-hover:scale-x-100 transition-transform duration-700 ease-out"></div>
+ </div>
+ </Link>
</div>
</div>
</div>
--
Gitblit v1.9.3