更新Company页面的UI为FUI风格

This commit is contained in:
2025-12-18 09:07:26 +08:00
parent 63ac4271b7
commit f36e210fe8

View File

@@ -45,8 +45,9 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
// 从 Redux 获取全部股票列表
const allStocks = useSelector((state: RootState) => state.stock.allStocks);
// 黑金主题颜色
const borderColor = '#C9A961';
// 黑金主题颜色(提高对比度)
const borderColor = '#E8C14D';
const textColor = 'rgba(245, 240, 225, 0.95)';
const goldColor = '#F4D03F';
const bgColor = '#1A202C';
@@ -105,7 +106,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
<HStack spacing={2}>
<InputGroup size="sm" w="160px">
<InputLeftElement pointerEvents="none">
<SearchIcon color={borderColor} boxSize={3} />
<SearchIcon color={textColor} boxSize={3} />
</InputLeftElement>
<Input
placeholder="对比股票"
@@ -121,7 +122,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
fontSize="sm"
borderColor={borderColor}
bg="transparent"
_placeholder={{ color: borderColor, fontSize: 'sm' }}
_placeholder={{ color: textColor, fontSize: 'sm' }}
_focus={{
borderColor: goldColor,
boxShadow: `0 0 0 1px ${goldColor}`,
@@ -190,7 +191,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
<Text color={goldColor} fontWeight="bold" fontSize="xs">
{stock.code}
</Text>
<Text color={borderColor} fontSize="xs" noOfLines={1} maxW="120px">
<Text color={textColor} fontSize="xs" noOfLines={1} maxW="120px">
{stock.name}
</Text>
</HStack>