commit e851328ed48dd044ea534caee1e85b841906a2a3
author 22301009 <22301009@bjtu.edu.cn> Tue Apr 15 21:57:12 2025 +0800
committer 22301009 <22301009@bjtu.edu.cn> Tue Apr 15 21:57:12 2025 +0800
tree 095973c91041dc3e4f0c054431f07fc3d3488454
parent 7ff51f268d792b6895ae813c10fa0297ba364eb8

修改导航栏样式

Change-Id: I49385f4dd55c40f24a30d2fe72817b92c7b14e8d

src/pages/Forum/ForumPage.css

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;
   }

src/pages/Forum/ForumPage.jsx

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>