diff --git a/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx b/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx index bc8b99d3..8e4a1b1f 100644 --- a/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx +++ b/src/views/Company/components/CompanyOverview/BasicInfoTab/components/BusinessInfoPanel.tsx @@ -23,6 +23,8 @@ import { FaFileAlt, } from "react-icons/fa"; +// 使用统一主题 +import { COLORS, GLASS, glassCardStyle } from "@views/Company/theme"; import { THEME } from "../config"; import { useBasicInfo } from "../../hooks/useBasicInfo"; @@ -30,38 +32,23 @@ interface BusinessInfoPanelProps { stockCode: string; } -// 玻璃态卡片样式 -const glassCardStyle = { - bg: "rgba(15, 18, 35, 0.6)", - borderRadius: "12px", - border: "1px solid rgba(212, 175, 55, 0.2)", - backdropFilter: "blur(8px)", - position: "relative" as const, - overflow: "hidden", - transition: "all 0.2s ease", - _hover: { - borderColor: "rgba(212, 175, 55, 0.4)", - bg: "rgba(15, 18, 35, 0.7)", - }, -}; - // 区块标题组件 const SectionTitle: React.FC<{ icon: React.ElementType; title: string }> = ({ icon, title, }) => ( - + {title} - + ); @@ -80,12 +67,12 @@ const InfoRow: React.FC<{ py={2} px={3} borderRadius="8px" - bg="rgba(0, 0, 0, 0.2)" - _hover={{ bg: "rgba(212, 175, 55, 0.05)" }} + bg={GLASS.bgDark} + _hover={{ bg: GLASS.bgGold }} transition="all 0.15s ease" > - {icon && } - + {icon && } + {label} {isCode ? ( @@ -93,7 +80,7 @@ const InfoRow: React.FC<{ fontSize="12px" fontFamily="mono" bg="rgba(212, 175, 55, 0.15)" - color={THEME.goldLight} + color={COLORS.goldLight} px={2} py={0.5} borderRadius="4px" @@ -104,7 +91,7 @@ const InfoRow: React.FC<{ ) : ( - - + + {label} - + {value || "-"} @@ -152,7 +139,7 @@ const TextSection: React.FC<{