- 初始化项目
- 添加登录注册功能
Change-Id: I4ceb5400dca3042f2f31232eaf246df83d57b9be
登录注册
Change-Id: Iee4aca2a0871ab46a95208ece13053e92b615b2e
init main page
Change-Id: I6c59617a37bbe71f115a43beb884c8596fb29c39
init main page, fix bug
Change-Id: I3eba8d45f017bbf303eb7462f305b5ca5661342f
首页
Change-Id: I7f6798780864af433b54f1c73721f631900d87f5
首页
Change-Id: I8368ab349bfa014ab306d0bf4bd4ced0e361cdd5
diff --git a/src/components/Auth/Auth.css b/src/components/Auth/Auth.css
deleted file mode 100644
index 5073ce3..0000000
--- a/src/components/Auth/Auth.css
+++ /dev/null
@@ -1,96 +0,0 @@
-.auth-container {
- display: flex;
- align-items: center;
- justify-content: flex-end; /* 使卡片靠右 */
- min-height: 100vh;
- font-family: Arial, sans-serif;
- background-color: #5F4437; /* 设置背景颜色 */
- padding: 0 2rem; /* 添加左右内边距 */
-}
-
-.auth-container img {
- margin-left: 250px;
-}
-
-.auth-form-section {
- background: #E4D8C9; /* 米白色 */
- padding: 2rem;
- border-radius: 10px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- width: 300px;
- margin: 0 auto;
- max-width: 400px; /* 限制卡片最大宽度 */
-}
-
-.form-group {
- margin-bottom: 1.2rem;
- display: flex;
- flex-direction: column;
-}
-
-label {
- display: block;
- font-size: 0.9rem;
- margin-bottom: 0.5rem;
- color: #4A3B34; /* 棕色 */
-}
-
-.form-input {
- width: 100%;
- padding: 0.8rem;
- border: 1px solid #ddd;
- border-radius: 5px;
- font-size: 0.9rem;
- box-sizing: border-box;
-}
-
-.auth-button {
- padding: 0.8rem 8.4rem;
- background: #BA929A; /* 粉色 */
- color: #4A3B34; /* 棕色 */
- border: none;
- border-radius: 5px;
- cursor: pointer;
- font-size: 0.9rem;
- display: inline-block;
-}
-
-.verify-button {
- padding: 0.5rem 1rem; /* 更小的内边距 */
- background: #BA929A; /* 粉色 */
- color: #4A3B34; /* 棕色 */
- border: none;
- border-radius: 5px;
- cursor: pointer;
- font-size: 0.8rem; /* 更小的字体 */
- display: inline-block;
-}
-
-.link-button {
- background: none;
- border: none;
- color: #4A3B34; /* 棕色 */
- /* text-decoration: underline; */
- cursor: pointer;
- font-size: 0.8rem;
- padding: 0;
-}
-
-.forgot-password {
- position: absolute;
- right: 10px; /* 让按钮靠右 */
- bottom: 5px; /* 调整到底部 */
- font-size: 12px;
- background: none;
- border: none;
- color: #4A3B34; /* 颜色与 "点击注册" 一致 */
- cursor: pointer;
- text-decoration: underline;
-}
-
-
-.register-link, .login-link {
- text-align: center;
- font-size: 0.8rem;
- margin-top: 1rem;
-}
\ No newline at end of file
diff --git a/src/components/Auth/Login.jsx b/src/components/Auth/Login.jsx
index e7495b5..2f43619 100644
--- a/src/components/Auth/Login.jsx
+++ b/src/components/Auth/Login.jsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import './Auth.css';
+import '../../pages/AuthPage/AuthPage.css';
import image from './logo.svg'; // 引入图片
const Login = ({ onRegisterClick }) => {
const [formData, setFormData] = useState({
diff --git a/src/components/Auth/Register.jsx b/src/components/Auth/Register.jsx
index 417864f..de32cc2 100644
--- a/src/components/Auth/Register.jsx
+++ b/src/components/Auth/Register.jsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import './Auth.css';
+import '../../pages/AuthPage/AuthPage.css';
import image from './logo.svg'; // 引入图片
const Register = ({ onLoginClick }) => {
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index eed15ec..6986206 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,30 +1,29 @@
-import React from 'react';
-import { useUser } from '../context/UserContext';
-import { Link } from 'react-router-dom';
+// import React from 'react';
+// import { Link } from 'wouter'; // Use wouter's Link component
-const Navbar = () => {
- const { user, logout } = useUser();
+// const Navbar = () => {
+// const { user, logout } = useUser();
- return (
- <nav className="navbar">
- <div className="logo">EchoTorrent</div>
- <div className="nav-links">
- {user ? (
- <>
- <Link to="/">主页</Link>
- <Link to="/profile">个人中心</Link>
- <Link to="/forum">论坛</Link>
- <button onClick={logout}>退出登录</button>
- </>
- ) : (
- <>
- <Link to="/auth">登录/注册</Link>
- <Link to="/forum">论坛</Link>
- </>
- )}
- </div>
- </nav>
- );
-};
+// return (
+// <nav className="navbar">
+// <div className="logo">EchoTorrent</div>
+// <div className="nav-links">
+// {user ? (
+// <>
+// <Link to="/">主页</Link>
+// <Link to="/profile">个人中心</Link>
+// <Link to="/forum">论坛</Link>
+// <button onClick={logout}>退出登录</button>
+// </>
+// ) : (
+// <>
+// <Link to="/auth">登录/注册</Link>
+// <Link to="/forum">论坛</Link>
+// </>
+// )}
+// </div>
+// </nav>
+// );
+// };
-export default Navbar;
\ No newline at end of file
+// export default Navbar;