feat(MarketDataView): 添加股票行情骨架屏
- 创建 MarketDataSkeleton 组件(摘要卡片 + K线图表 + Tab) - 配置 Suspense fallback,点击时直接显示骨架屏 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -20,8 +20,10 @@ export const BLACK_GOLD_TABLE_THEME: ThemeConfig = {
|
||||
headerColor: '#D4AF37',
|
||||
rowHoverBg: 'rgba(212, 175, 55, 0.1)',
|
||||
borderColor: 'rgba(212, 175, 55, 0.15)',
|
||||
cellPaddingBlock: 8,
|
||||
cellPaddingInline: 12,
|
||||
cellPaddingBlock: 6,
|
||||
cellPaddingInline: 8,
|
||||
// 表头紧凑样式
|
||||
headerSplitColor: 'transparent',
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -40,6 +42,15 @@ export const getTableStyles = (className: string): string => `
|
||||
border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.${className} .ant-table-thead > tr {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.${className} .ant-table-header {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.${className} .ant-table-tbody > tr > td {
|
||||
border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
|
||||
|
||||
Reference in New Issue
Block a user