diff --git a/src/views/Company/components/MarketDataView/components/StockSummaryCard/MetricCard.tsx b/src/views/Company/components/MarketDataView/components/StockSummaryCard/MetricCard.tsx index 3ffc1e88..8be9af42 100644 --- a/src/views/Company/components/MarketDataView/components/StockSummaryCard/MetricCard.tsx +++ b/src/views/Company/components/MarketDataView/components/StockSummaryCard/MetricCard.tsx @@ -38,7 +38,7 @@ const MetricCard: React.FC = ({ rightIcon={rightIcon} /> - + = ({ /> - + {subText} diff --git a/src/views/Company/components/MarketDataView/components/StockSummaryCard/StockHeaderCard.tsx b/src/views/Company/components/MarketDataView/components/StockSummaryCard/StockHeaderCard.tsx index 35e2f2e2..8d7a339f 100644 --- a/src/views/Company/components/MarketDataView/components/StockSummaryCard/StockHeaderCard.tsx +++ b/src/views/Company/components/MarketDataView/components/StockSummaryCard/StockHeaderCard.tsx @@ -41,43 +41,43 @@ const StockHeaderCard: React.FC = ({ /> {/* 股票名称和代码 */} - + {stockName} - + ({stockCode}) {/* 价格和涨跌幅 */} - + {price.toFixed(2)} - + - + {isUp ? '+' : ''}{changePercent.toFixed(2)}% {/* 走势简述 */} - + 走势简述: {trendDesc} diff --git a/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/CardTitle.tsx b/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/CardTitle.tsx index f99da16c..1cd5d2cd 100644 --- a/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/CardTitle.tsx +++ b/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/CardTitle.tsx @@ -19,13 +19,13 @@ const CardTitle: React.FC = ({ leftIcon, rightIcon, }) => ( - - + + {leftIcon} - + {title} - + ({subtitle}) diff --git a/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/DarkGoldCard.tsx b/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/DarkGoldCard.tsx index 6d4493e9..e7992070 100644 --- a/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/DarkGoldCard.tsx +++ b/src/views/Company/components/MarketDataView/components/StockSummaryCard/atoms/DarkGoldCard.tsx @@ -18,18 +18,18 @@ const DarkGoldCard: React.FC = ({ }) => ( = ({ summary }) => { : { text: '-', color: darkGoldTheme.textMuted }; return ( - + {/* 卡片1: 股票信息 */} {latest_trade && ( = ({ summary }) => { } - rightIcon={} + leftIcon={} + rightIcon={} mainLabel="成交额" mainValue={latest_trade ? formatNumber(latest_trade.amount) : '-'} mainColor={darkGoldTheme.orange} @@ -68,13 +68,13 @@ const StockSummaryCard: React.FC = ({ summary }) => { } - rightIcon={} + leftIcon={} + rightIcon={} mainLabel="市盈率(PE)" mainValue={latest_trade?.pe_ratio?.toFixed(2) || '-'} mainColor={darkGoldTheme.orange} subText={ - + {peStatus.text} @@ -92,14 +92,14 @@ const StockSummaryCard: React.FC = ({ summary }) => { } + leftIcon={} mainLabel="融资余额" mainValue={latest_funding ? formatNumber(latest_funding.financing_balance) : '-'} mainColor={darkGoldTheme.green} subText={ (强调做多力量) - + 融券 {latest_funding ? formatNumber(latest_funding.securities_balance) : '-'}