论坛帖子列表
Change-Id: I69535db13798ec52939f047604357c5fe363e8cd
论坛帖子列表
Change-Id: Ie02a0bfee862cb46667f2c6cd069dab21e84eb6b
论坛帖子列表
Change-Id: I69535db13798ec52939f047604357c5fe363e8cd
diff --git a/src/pages/FriendMoments/FriendMoments.css b/src/pages/FriendMoments/FriendMoments.css
new file mode 100644
index 0000000..89c84c7
--- /dev/null
+++ b/src/pages/FriendMoments/FriendMoments.css
@@ -0,0 +1,88 @@
+/* .friend-moments {
+ background-color: #5c3f31;
+ 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: #dab8c2;
+ display: flex;
+ justify-content: center;
+ }
+ .nav-item {
+ color: white;
+ text-decoration: none;
+ padding: 10px 20px;
+ }
+ .active {
+ background-color: #996633;
+ }
+ .content {
+ padding: 20px;
+ }
+ .user-post {
+ border-bottom: 1px solid white;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ }
+ .user-info {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ }
+ .user-avatar-small {
+ height: 30px;
+ margin-right: 10px;
+ }
+ .username {
+ font-size: 16px;
+ }
+ .post-content {
+ margin-bottom: 10px;
+ }
+ .post-actions {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ }
+ .like-icon,
+ .comment-icon {
+ margin-right: 5px;
+ }
+ .like-count,
+ .comment-count {
+ margin-left: 5px;
+ }
+ .post-image {
+ float: right;
+ width: 150px;
+ height: 150px;
+ background-color: #ddd;
+ margin-left: 10px;
+ } */
\ No newline at end of file
diff --git a/src/pages/FriendMoments/FriendMoments.jsx b/src/pages/FriendMoments/FriendMoments.jsx
new file mode 100644
index 0000000..4e1a704
--- /dev/null
+++ b/src/pages/FriendMoments/FriendMoments.jsx
@@ -0,0 +1,55 @@
+// import React from 'react';
+// import './FriendMoments.css';
+// import { Link } from 'wouter';
+// import logo from '../../assets/logo.png';
+
+// const FriendMoments = () => {
+// return (
+// <div className="friend-moments">
+// {/* 顶部栏 */}
+// <header className="header">
+// {/* 左侧 logo 和网站名称 */}
+// <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 active">好友动态</Link>
+// <Link to="/forum" className="nav-item">论坛</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>
+// {/* 好友动态内容区域 */}
+// <div className="content">
+// {/* 用户动态示例，可从后端获取数据循环展示 */}
+// <div className="user-post">
+// <div className="user-info">
+// <img src="user1-avatar.png" alt="用户头像" className="user-avatar-small" />
+// <span className="username">user1</span>
+// </div>
+// <div className="post-content">
+// <p>动态内容...</p>
+// </div>
+// <div className="post-actions">
+// {/* <GoodTwo theme="outline" size="24" fill="#fff" /> */}
+// <span className="like-count">21</span>
+// {/* <Comment theme="outline" size="24" fill="#fff"/> */}
+// <span className="comment-count">2</span>
+// </div>
+// <img src="image1.png" alt="动态图片" className="post-image" />
+// </div>
+// </div>
+// </div>
+// );
+// };
+
+// export default FriendMoments;
\ No newline at end of file