| 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'; |
| const Community = () => { |
| const [activityPreviews, setActivityPreviews] = useState([]); |
| const [fullActivities, setFullActivities] = useState([]); |
| const [selectedActivityId, setSelectedActivityId] = useState(null); |
| getActivityPreviews().then(res => setActivityPreviews(res.data)); |
| getFullActivities().then(res => setFullActivities(res.data)); |
| <div style={{ minHeight: '100vh', backgroundColor: '#f0f2f5' }}> |
| <div style={{ padding: 24 }}> |
| style={{ maxWidth: 1400, width: '100%' }} |
| title={<Space><AppstoreOutlined />最新帖子</Space>} |
| bodyStyle={{ padding: 24 }} |
| style={{ boxShadow: '0 2px 8px rgba(0,0,0,0.15)', borderRadius: 8 }} |
| export default Community; |