From 950c9a8f5e88cc3fe934846b0596419b4795d4cd Mon Sep 17 00:00:00 2001 From: hongjli <3117313295@qq.com> Date: 星期四, 10 四月 2025 15:42:00 +0800 Subject: [PATCH] 新增聊天室和训练场页面 --- src/app/training/page.tsx | 21 ++++++++++ src/components/layout/Navbar.tsx | 26 ++++++------ src/app/chatroom/page.tsx | 21 ++++++++++ 3 files changed, 55 insertions(+), 13 deletions(-) diff --git a/src/app/chatroom/page.tsx b/src/app/chatroom/page.tsx new file mode 100644 index 0000000..b5ce994 --- /dev/null +++ b/src/app/chatroom/page.tsx @@ -0,0 +1,21 @@ +"use client"; + +export default function ChatRoomPage() { + return ( + <div className="min-h-screen bg-gradient-to-b from-[#1E2B63] to-[#0A1033] flex items-center justify-center"> + <div className="text-center space-y-6 p-8"> + <h1 className="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] animate-pulse"> + Coming Soon + </h1> + <p className="text-xl md:text-2xl text-gray-300"> + 鏁鏈熷緟 + </p> + + {/* 绠�娲佺殑瑁呴グ绾� */} + <div className="flex justify-center mt-8"> + <div className="w-24 h-1 rounded-full bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] opacity-80"></div> + </div> + </div> + </div> + ); +} \ No newline at end of file diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx new file mode 100644 index 0000000..91dcb34 --- /dev/null +++ b/src/app/training/page.tsx @@ -0,0 +1,21 @@ +"use client"; + +export default function TrainingPage() { + return ( + <div className="min-h-screen bg-gradient-to-b from-[#1E2B63] to-[#0A1033] flex items-center justify-center"> + <div className="text-center space-y-6 p-8"> + <h1 className="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] animate-pulse"> + Coming Soon + </h1> + <p className="text-xl md:text-2xl text-gray-300"> + 鏁鏈熷緟 + </p> + + {/* 绠�娲佺殑瑁呴グ绾� */} + <div className="flex justify-center mt-8"> + <div className="w-24 h-1 rounded-full bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] opacity-80"></div> + </div> + </div> + </div> + ); +} \ No newline at end of file diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx index e1b9080..5d3885a 100644 --- a/src/components/layout/Navbar.tsx +++ b/src/components/layout/Navbar.tsx @@ -168,18 +168,18 @@ transition-all duration-300 ${activeMenu === 'ai-scene' ? 'w-full' : 'w-0'}`}></span> </a> - <Link - href="/chat" + <a + href="/chatroom" className="relative px-2 lg:px-3 py-2 text-sm font-medium" - onMouseEnter={() => setActiveMenu('chat')} + onMouseEnter={() => setActiveMenu('chatroom')} onMouseLeave={() => setActiveMenu('')} > - <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'chat' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>鑱婂ぉ瀹�</span> + <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'chatroom' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>鑱婂ぉ瀹�</span> <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent - transition-all duration-300 ${activeMenu === 'chat' ? 'w-full' : 'w-0'}`}></span> - </Link> + transition-all duration-300 ${activeMenu === 'chatroom' ? 'w-full' : 'w-0'}`}></span> + </a> - <Link + <a href="/training" className="relative px-2 lg:px-3 py-2 text-sm font-medium" onMouseEnter={() => setActiveMenu('training')} @@ -188,7 +188,7 @@ <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'training' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>璁粌鍦�</span> <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent transition-all duration-300 ${activeMenu === 'training' ? 'w-full' : 'w-0'}`}></span> - </Link> + </a> {/* 鐧诲綍鎸夐挳 */} <div className="relative group"> @@ -275,21 +275,21 @@ AI鍦烘櫙妯℃嫙 </a> - <Link - href="/chat" + <a + href="/chatroom" className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200 cursor-pointer" > 鑱婂ぉ瀹� - </Link> + </a> - <Link + <a href="/training" className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200 cursor-pointer" > 璁粌鍦� - </Link> + </a> <div className="flex space-x-2 px-4 py-3"> <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 cursor-pointer"> -- Gitblit v1.9.3