d10a8c3321
- layoutConfig.js: 新增 LAYOUT_PADDING 常量 { base: 4, md: 6, lg: '80px' }
- MainLayout.js: 在 Outlet 容器上统一应用 px={LAYOUT_PADDING.x}
- HomeNavbar.js: 边距从 lg:8 改为 lg:'80px'，与内容区对齐
- AppFooter.js: 移除 Container，边距改为 lg:'80px'
页面组件清理（移除冗余的 px/Container）：
- Company, Community, Center, Profile, Settings
- ValueForum, DataBrowser, LimitAnalyse, StockOverview, Concept
特殊处理：
- CompanyHeader: 使用负边距实现全宽背景
- Concept Hero: 使用负边距实现全宽背景
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
53 lines
1.4 KiB
TypeScript
53 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">
|
||
{/* padding 由 MainLayout 统一设置 */}
|
||
<Box py={{ base: 4, md: 6 }}>
|
||
{/* 市场概览仪表盘 */}
|
||
<Box mb={4}>
|
||
<MarketDashboard />
|
||
</Box>
|
||
|
||
{/* 价值论坛 / 互动中心 */}
|
||
<Box mb={4}>
|
||
<ForumCenter />
|
||
</Box>
|
||
|
||
{/* 功能入口面板 */}
|
||
<Box mb={4}>
|
||
<FeatureEntryPanel />
|
||
</Box>
|
||
|
||
{/* 投资规划中心（整合了日历、计划、复盘，应用 FUI 毛玻璃风格） */}
|
||
<Box>
|
||
<InvestmentPlanningCenter />
|
||
</Box>
|
||
</Box>
|
||
</Box>
|
||
);
|
||
};
|
||
|
||
export default Center;
|