diff --git a/src/views/Company/index.tsx b/src/views/Company/index.tsx index a0565b09..4697942c 100644 --- a/src/views/Company/index.tsx +++ b/src/views/Company/index.tsx @@ -24,6 +24,52 @@ import CompanyHeader from './components/CompanyHeader'; import StockQuoteCard from './components/StockQuoteCard'; import { THEME, TAB_CONFIG } from './config'; +// ============================================ +// 主内容区组件 - FUI 风格 +// ============================================ + +interface CompanyContentProps { + stockCode: string; + isInWatchlist: boolean; + watchlistLoading: boolean; + onWatchlistToggle: () => void; + onTabChange: (index: number, tabKey: string) => void; +} + +const CompanyContent = memo(({ + stockCode, + isInWatchlist, + watchlistLoading, + onWatchlistToggle, + onTabChange, +}) => ( + + {/* 股票行情卡片 - 放在 Tab 切换器上方,始终可见 */} + + + + + {/* Tab 内容区 - 使用 FuiContainer */} + + + + +)); + +CompanyContent.displayName = 'CompanyContent'; + // ============================================ // 主页面组件 // ============================================ @@ -116,29 +162,13 @@ const CompanyIndex: React.FC = () => { {/* 主内容区 */} - - {/* 股票行情卡片 - 放在 Tab 切换器上方,始终可见 */} - - - - - {/* Tab 内容区 - 使用 FuiContainer */} - - - - + );