vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统一表格固定列悬停背景色与数据列一致

Browse Source 
- 将固定列悬停背景色从 #242d3d 改为 rgba(156, 163, 175, 0.15)
- 与右侧数据列悬停背景色保持一致

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-26 18:48:21 +08:00
parent bf10e3a419
commit 2f1177b1c2
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx
View File

@@ -23,7 +23,7 @@ const TABLE_THEME = {
Table: {
headerBg: "#1A202C", // gray.900
headerColor: "#F4D03F", // 亮金色（提高对比度）
rowHoverBg: "rgba(212, 175, 55, 0.15)", // 金色半透明，文字更清晰
rowHoverBg: "rgba(156, 163, 175, 0.15)", // 浅灰色悬停背景
borderColor: "rgba(212, 175, 55, 0.2)",
},
},

4
src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx
View File

@@ -48,7 +48,7 @@ const BLACK_GOLD_THEME = {
Table: {
headerBg: 'rgba(212, 175, 55, 0.1)',
headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.05)',
rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.2)',
cellPaddingBlock: 8,
cellPaddingInline: 12,
@@ -67,7 +67,7 @@ const fixedColumnStyles = `
background: rgba(26, 32, 44, 0.95) !important;
}
.main-business-table .ant-table-tbody > tr:hover > td {
background: rgba(212, 175, 55, 0.08) !important;
background: rgba(156, 163, 175, 0.15) !important;
}
.main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left,
.main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right {

4
src/views/Company/components/FinancialPanorama/utils/tableTheme.ts
View File

@@ -18,7 +18,7 @@ export const BLACK_GOLD_TABLE_THEME: ThemeConfig = {
Table: {
headerBg: 'rgba(26, 32, 44, 0.8)',
headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.1)',
rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.15)',
cellPaddingBlock: 6,
cellPaddingInline: 8,
@@ -58,7 +58,7 @@ export const getTableStyles = (className: string): string => `
font-size: 12px;
}
.${className} .ant-table-tbody > tr:hover > td {
background: rgba(212, 175, 55, 0.08) !important;
background: rgba(156, 163, 175, 0.15) !important;
}
.${className} .ant-table-tbody > tr.total-row > td {
background: rgba(212, 175, 55, 0.15) !important;

2
src/views/Company/components/ForecastReport/components/DetailTable.tsx
View File

@@ -27,7 +27,7 @@ const BLACK_GOLD_THEME = {
Table: {
headerBg: 'rgba(212, 175, 55, 0.12)',
headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.08)',
rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.2)',
cellPaddingBlock: 12, // 增加行高
cellPaddingInline: 14,

4
src/views/Company/components/ForecastReport/constants.ts
View File

@@ -126,7 +126,7 @@ export const DETAIL_TABLE_STYLES = `
background: rgba(26, 32, 44, 0.98) !important;
}
.forecast-detail-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left {
background: #242d3d !important;
background: rgba(156, 163, 175, 0.15) !important;
}
/* 指标标签样式 - 统一字体字号和粗细 */
@@ -154,7 +154,7 @@ export const DETAIL_TABLE_STYLES = `
background: rgba(255, 255, 255, 0.02);
}
.forecast-detail-table .ant-table-tbody > tr:nth-child(odd):hover > td {
background: rgba(212, 175, 55, 0.08) !important;
background: rgba(156, 163, 175, 0.15) !important;
}
/* 等宽字体 - 数值列 */

2
src/views/Company/theme/antdTheme.ts
View File

@@ -89,7 +89,7 @@ export const antdDarkTheme = {
headerBg: alpha('gold', 0.05),
headerColor: FUI_COLORS.text.muted,
headerSplitColor: fui.border('subtle'),
rowHoverBg: alpha('white', 0.08),
rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
rowSelectedBg: alpha('white', 0.12),
rowSelectedHoverBg: alpha('white', 0.15),
borderColor: fui.border('subtle'),