12a261df36
- 我的预测卡片（看涨/看跌投票） - 社区动态卡片（我发布的/我参与的） 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
// 价值论坛 / 互动中心组件 (Forum Center)
|
|
import React from 'react';
|
|
import { Box, Text, HStack, SimpleGrid, Icon } from '@chakra-ui/react';
|
|
import { MessageCircle } from 'lucide-react';
|
|
import GlassCard from '@components/GlassCard';
|
|
import { PredictionCard, CommunityFeedCard } from './components';
|
|
|
|
const ForumCenter = () => {
|
|
return (
|
|
<GlassCard
|
|
variant="transparent"
|
|
rounded="2xl"
|
|
padding="md"
|
|
hoverable={false}
|
|
cornerDecor
|
|
>
|
|
{/* 标题栏 */}
|
|
<HStack mb={4} spacing={2}>
|
|
<Icon
|
|
as={MessageCircle}
|
|
boxSize={5}
|
|
color="rgba(212, 175, 55, 0.9)"
|
|
/>
|
|
<Text
|
|
fontSize="lg"
|
|
fontWeight="bold"
|
|
color="rgba(255, 255, 255, 0.95)"
|
|
letterSpacing="wide"
|
|
>
|
|
价值论坛 / 互动中心
|
|
</Text>
|
|
<Box
|
|
h="1px"
|
|
flex={1}
|
|
bgGradient="linear(to-r, rgba(212, 175, 55, 0.4), transparent)"
|
|
ml={2}
|
|
/>
|
|
</HStack>
|
|
|
|
{/* 两列布局：预测卡片 + 社区动态 */}
|
|
<SimpleGrid columns={{ base: 1, md: 2 }} spacing={4}>
|
|
<PredictionCard />
|
|
<CommunityFeedCard />
|
|
</SimpleGrid>
|
|
</GlassCard>
|
|
);
|
|
};
|
|
|
|
export default ForumCenter;
|