02e3c9d924
- 将 FeatureEntryPanel 重构为目录结构，提取 FeatureCardItem 子组件 - 使用 GlassCard 容器，标题栏样式与投资仪表盘保持一致 - 调整组件顺序：核心功能入口移至价值论坛下方 - 功能卡片采用水平布局，圆形渐变图标 + 标题描述 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
/**
|
||
* Center - 个人中心仪表板主页面
|
||
*
|
||
* 对应路由：/home/center
|
||
* 功能：自选股监控、关注事件、投资规划等
|
||
*/
|
||
|
||
import React from 'react';
|
||
import { Box } from '@chakra-ui/react';
|
||
import FeatureEntryPanel from './components/FeatureEntryPanel';
|
||
import InvestmentPlanningCenter from './components/InvestmentPlanningCenter';
|
||
import MarketDashboard from '@views/Profile/components/MarketDashboard';
|
||
import ForumCenter from '@views/Profile/components/ForumCenter';
|
||
import { THEME } from '@views/Profile/components/MarketDashboard/constants';
|
||
|
||
/**
|
||
* Center 组件
|
||
* 个人中心仪表板主页面
|
||
*
|
||
* 注意：右侧 WatchSidebar 已移至全局 GlobalSidebar（在 MainLayout 中渲染）
|
||
*/
|
||
const Center: React.FC = () => {
|
||
|
||
return (
|
||
<Box bg={THEME.bg.primary} minH="100vh" overflowX="hidden">
|
||
<Box px={{ base: 3, md: 4 }} py={{ base: 4, md: 6 }} maxW="container.xl" mx="auto">
|
||
{/* 市场概览仪表盘 */}
|
||
<Box mb={4}>
|
||
<MarketDashboard />
|
||
</Box>
|
||
|
||
{/* 价值论坛 / 互动中心 */}
|
||
<Box mb={4}>
|
||
<ForumCenter />
|
||
</Box>
|
||
|
||
{/* 功能入口面板 */}
|
||
<Box mb={4}>
|
||
<FeatureEntryPanel />
|
||
</Box>
|
||
|
||
{/* 投资规划中心（整合了日历、计划、复盘，应用 FUI 毛玻璃风格） */}
|
||
<Box>
|
||
<InvestmentPlanningCenter />
|
||
</Box>
|
||
</Box>
|
||
</Box>
|
||
);
|
||
};
|
||
|
||
export default Center;
|