帖子的相关用户前端与管理员后端
Change-Id: I957181738817aeeaa89fabe23ceaf59d00c37a71
diff --git a/src/pages/Community.jsx b/src/pages/Community.jsx
new file mode 100644
index 0000000..38d6623
--- /dev/null
+++ b/src/pages/Community.jsx
@@ -0,0 +1,53 @@
+// src/pages/Home.jsx
+import React, { useState, useEffect } from 'react';
+import { getActivityPreviews, getFullActivities } from '../api/activity';
+import Post from '../components/Post';
+import Navbar from '../components/Navbar'; // ✅ 导入导航栏组件
+import { AppstoreOutlined } from '@ant-design/icons';
+import { Row, Col, Card, Space } from 'antd';
+import './Home.css';
+
+const Community = () => {
+ const [activityPreviews, setActivityPreviews] = useState([]);
+ const [fullActivities, setFullActivities] = useState([]);
+ const [selectedActivityId, setSelectedActivityId] = useState(null);
+
+ useEffect(() => {
+ getActivityPreviews().then(res => setActivityPreviews(res.data));
+ getFullActivities().then(res => setFullActivities(res.data));
+ }, []);
+
+ return (
+ <div style={{ minHeight: '100vh', backgroundColor: '#f0f2f5' }}>
+ {/* 导航栏 */}
+ <Navbar />
+
+ {/* 内容区域 */}
+ <div style={{ padding: 24 }}>
+ {/* 帖子区域 */}
+ <Row justify="center">
+ <Col
+ xs={24}
+ sm={24}
+ md={24}
+ lg={22}
+ xl={20}
+ xxl={18}
+ style={{ maxWidth: 1400, width: '100%' }}
+ >
+ <Card
+ title={<Space><AppstoreOutlined />最新帖子</Space>}
+ bordered={false}
+ bodyStyle={{ padding: 24 }}
+ style={{ boxShadow: '0 2px 8px rgba(0,0,0,0.15)', borderRadius: 8 }}
+ >
+ <Post />
+ </Card>
+ </Col>
+ </Row>
+ </div>
+ </div>
+ );
+};
+
+export default Community;