修改导航栏样式
Change-Id: I49385f4dd55c40f24a30d2fe72817b92c7b14e8d
diff --git a/src/pages/Forum/ForumPage.css b/src/pages/Forum/ForumPage.css
index d5bb228..3f26e17 100644
--- a/src/pages/Forum/ForumPage.css
+++ b/src/pages/Forum/ForumPage.css
@@ -5,45 +5,6 @@
font-family: Arial, sans-serif;
}
- .header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background: #1f1f1f;
- padding: 10px 20px;
- }
-
- .logo {
- height: 40px;
- }
-
- .site-name {
- margin-left: 10px;
- font-size: 24px;
- }
-
- .user-avatar {
- height: 40px;
- border-radius: 50%;
- }
-
- .nav {
- display: flex;
- background: #333;
- padding: 10px 0;
- }
-
- .nav-item {
- color: #ccc;
- margin: 0 15px;
- text-decoration: none;
- }
-
- .nav-item.active {
- color: #fff;
- border-bottom: 2px solid #fff;
- }
-
.forum-content {
padding: 20px;
}
diff --git a/src/pages/Forum/ForumPage.jsx b/src/pages/Forum/ForumPage.jsx
index 3a6163d..f51e679 100644
--- a/src/pages/Forum/ForumPage.jsx
+++ b/src/pages/Forum/ForumPage.jsx
@@ -2,7 +2,7 @@
import { Link } from 'wouter';
import axios from 'axios';
import { GoodTwo, Comment } from '@icon-park/react';
-import logo from '../../assets/logo.png';
+import Header from '../../components/Header';
import './ForumPage.css';
const API_BASE = process.env.REACT_APP_API_BASE;
@@ -89,25 +89,7 @@
return (
<div className="forum-page">
- <header className="header">
- <div className="logo-and-name">
- <img src={logo} alt="网站logo" className="logo" />
- <span className="site-name">Echo</span>
- </div>
- <div className="user-and-message">
- <img src="user-avatar.png" alt="用户头像" className="user-avatar" />
- <span className="message-center">消息</span>
- </div>
- </header>
-
- <nav className="nav">
- <Link to="/friend-moments" className="nav-item">好友动态</Link>
- <Link to="/forum" className="nav-item active">论坛</Link>
- <Link to="/interest-groups" className="nav-item">兴趣小组</Link>
- <Link to="/seed-list" className="nav-item">种子列表</Link>
- <Link to="/publish-seed" className="nav-item">发布种子</Link>
- </nav>
-
+ <Header /> {/* 使用 Header 组件 */}
<div className="forum-content">
<h2>论坛帖子列表</h2>
diff --git a/src/pages/SeedList/SeedList.css b/src/pages/SeedList/SeedList.css
index 50ff72f..028ef55 100644
--- a/src/pages/SeedList/SeedList.css
+++ b/src/pages/SeedList/SeedList.css
@@ -3,57 +3,6 @@
color: white;
}
-.header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 10px;
-}
-
-.logo-and-name {
- display: flex;
- align-items: center;
-}
-
-.logo {
- height: 30px;
- margin-right: 10px;
-}
-
-.site-name {
- font-size: 24px;
-}
-
-.user-and-message {
- display: flex;
- align-items: center;
-}
-
-.user-avatar {
- height: 40px;
- margin-right: 10px;
-}
-
-.message-center {
- font-size: 16px;
-}
-
-.nav {
- background-color: #b38867;
- display: flex;
- justify-content: center;
-}
-
-.nav-item {
- color: white;
- text-decoration: none;
- padding: 10px 20px;
-}
-
-.active {
- background-color: #996633;
-}
-
/* 搜索、排序控件 */
.controls {
display: flex;
@@ -234,171 +183,3 @@
color: white;
}
- .header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 10px;
- }
-
- .logo-and-name {
- display: flex;
- align-items: center;
- }
-
- .logo {
- height: 30px;
- margin-right: 10px;
- }
-
- .site-name {
- font-size: 24px;
- }
-
- .user-and-message {
- display: flex;
- align-items: center;
- }
-
- .user-avatar {
- height: 40px;
- margin-right: 10px;
- }
-
- .message-center {
- font-size: 16px;
- }
-
- .nav {
- background-color: #b38867;
- display: flex;
- justify-content: center;
- }
-
- .nav-item {
- color: white;
- text-decoration: none;
- padding: 10px 20px;
- }
-
- .active {
- background-color: #996633;
- }
-
- /* 搜索、排序控件 */
- .controls {
- display: flex;
- justify-content: center;
- gap: 16px;
- padding: 10px 20px;
- background-color: #704c3b;
- }
-
- .search-input {
- padding: 6px 10px;
- border-radius: 6px;
- border: none;
- width: 200px;
- }
-
- .sort-select {
- padding: 6px;
- border-radius: 6px;
- border: none;
- }
-
- /* 标签过滤 */
- .tag-filters {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- gap: 8px;
- padding: 10px;
- }
-
- .tag-button {
- background-color: #b38867;
- color: white;
- border: none;
- border-radius: 20px;
- padding: 6px 12px;
- cursor: pointer;
- }
-
- .active-tag {
- background-color: #d17c4f;
- }
-
- /* 卡片展示 */
- .seed-list-content {
- padding: 20px;
- }
-
- .seed-cards {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
- gap: 20px;
- }
-
- .seed-card {
- background-color: #fff;
- border-radius: 12px;
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
- padding: 16px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- color: #333;
- transition: transform 0.2s ease;
- }
-
- .seed-card:hover {
- transform: translateY(-5px);
- }
-
- .seed-card-header h3 {
- font-size: 1.2rem;
- margin-bottom: 10px;
- color: #333;
- }
-
- .seed-card-body p {
- margin: 4px 0;
- font-size: 0.95rem;
- color: #666;
- }
-
- .seed-card-actions {
- display: flex;
- gap: 10px;
- margin-top: 12px;
- }
-
- .btn-primary,
- .btn-secondary,
- .btn-outline {
- padding: 6px 12px;
- border: none;
- border-radius: 6px;
- cursor: pointer;
- font-size: 0.9rem;
- }
-
- .btn-primary {
- background-color: #007bff;
- color: white;
- }
-
- .btn-secondary {
- background-color: #28a745;
- color: white;
- text-decoration: none;
- text-align: center;
- }
-
- .btn-outline {
- background-color: transparent;
- border: 1px solid #ccc;
- color: #333;
- }
-
diff --git a/src/pages/UserCenter/NewUserTodo/NewUserTodo.css b/src/pages/UserCenter/NewUserTodo/NewUserTodo.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/pages/UserCenter/NewUserTodo/NewUserTodo.css
diff --git a/src/pages/UserCenter/NewUserTodo/NewUserTodo.jsx b/src/pages/UserCenter/NewUserTodo/NewUserTodo.jsx
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/pages/UserCenter/NewUserTodo/NewUserTodo.jsx