commit 3d8132ef3ddd13f425b87bc10f4b876b3796656f
author 22301009 <22301009@bjtu.edu.cn> Sat Jun 07 11:34:38 2025 +0800
committer 22301009 <22301009@bjtu.edu.cn> Sat Jun 07 11:34:38 2025 +0800
tree cbb7db3afb6026fe9f76db3392285736a6fcd191
parent 6bf199cf51e418fd943a8325d58ff9171388aeae

添加新手指南

Change-Id: Ida2104eac0c377b3a9ffdafa2c99d9fdafba6fec

src/components/Header.jsx

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 10e8efb..e0a8495 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -2,6 +2,7 @@
 import './Header.css';
 import logo from '../assets/logo.png';
 import { useUser } from '../context/UserContext';
+import { BookOpen } from '@icon-park/react';  // 导入图标组件
 
 const Header = () => {
   const [currentPath, setCurrentPath] = useState(window.location.pathname);
@@ -39,7 +40,18 @@
           <img src={logo} alt="网站 logo" className="logo" />
           <span className="site-name">Echo</span>
         </div>
-        <div className="user-and-message">
+        <div className="user-and-message" style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
+          {/* 新手指南图标，放在头像左边 */}
+        <button
+          className="guide-button"
+          onClick={() => handleLinkClick('/new-user-guide')}
+          title="新手指南"
+        >
+          <BookOpen theme="outline" size="20" fill="#fff" />
+          <span style={{ marginLeft: '6px' }}>新手指南</span>
+        </button>
+
+
           <a href="/user/profile">
             <img
               src={user?.avatarUrl}