blob: 4e1a70470b0f4cc1cb840240728fa38707d6963a [file] [log] [blame]
Krishyae71688a2025-04-10 21:25:17 +08001// import React from 'react';
2// import './FriendMoments.css';
3// import { Link } from 'wouter';
4// import logo from '../../assets/logo.png';
5
6// const FriendMoments = () => {
7// return (
8// <div className="friend-moments">
9// {/* 顶部栏 */}
10// <header className="header">
11// {/* 左侧 logo 和网站名称 */}
12// <div className="logo-and-name">
13// {/* 确保此处没有语法错误 */}
14// <img src={logo} alt="网站 logo" className="logo" />
15// <span className="site-name">Echo</span>
16// </div>
17// {/* 右侧用户头像和消息中心 */}
18// <div className="user-and-message">
19// <img src="user-avatar.png" alt="用户头像" className="user-avatar" />
20// <span className="message-center">消息</span>
21// </div>
22// </header>
23// {/* 导航栏 */}
24// <nav className="nav">
25// <Link to="/friend-moments" className="nav-item active">好友动态</Link>
26// <Link to="/forum" className="nav-item">论坛</Link>
27// <Link to="/interest-groups" className="nav-item">兴趣小组</Link>
28// <Link to="/seed-list" className="nav-item">种子列表</Link>
29// <Link to="/publish-seed" className="nav-item">发布种子</Link>
30// </nav>
31// {/* 好友动态内容区域 */}
32// <div className="content">
33// {/* 用户动态示例,可从后端获取数据循环展示 */}
34// <div className="user-post">
35// <div className="user-info">
36// <img src="user1-avatar.png" alt="用户头像" className="user-avatar-small" />
37// <span className="username">user1</span>
38// </div>
39// <div className="post-content">
40// <p>动态内容...</p>
41// </div>
42// <div className="post-actions">
43// {/* <GoodTwo theme="outline" size="24" fill="#fff" /> */}
44// <span className="like-count">21</span>
45// {/* <Comment theme="outline" size="24" fill="#fff"/> */}
46// <span className="comment-count">2</span>
47// </div>
48// <img src="image1.png" alt="动态图片" className="post-image" />
49// </div>
50// </div>
51// </div>
52// );
53// };
54
55// export default FriendMoments;