更新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 获取全部股票列表 // 从 Redux 获取全部股票列表
const allStocks = useSelector((state: RootState) => state.stock.allStocks); 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 goldColor = '#F4D03F';
const bgColor = '#1A202C'; const bgColor = '#1A202C';
@@ -105,7 +106,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
<HStack spacing={2}> <HStack spacing={2}>
<InputGroup size="sm" w="160px"> <InputGroup size="sm" w="160px">
<InputLeftElement pointerEvents="none"> <InputLeftElement pointerEvents="none">
<SearchIcon color={borderColor} boxSize={3} /> <SearchIcon color={textColor} boxSize={3} />
</InputLeftElement> </InputLeftElement>
<Input <Input
placeholder="对比股票" placeholder="对比股票"
@@ -121,7 +122,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
fontSize="sm" fontSize="sm"
borderColor={borderColor} borderColor={borderColor}
bg="transparent" bg="transparent"
_placeholder={{ color: borderColor, fontSize: 'sm' }} _placeholder={{ color: textColor, fontSize: 'sm' }}
_focus={{ _focus={{
borderColor: goldColor, borderColor: goldColor,
boxShadow: `0 0 0 1px ${goldColor}`, boxShadow: `0 0 0 1px ${goldColor}`,
@@ -190,7 +191,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
<Text color={goldColor} fontWeight="bold" fontSize="xs"> <Text color={goldColor} fontWeight="bold" fontSize="xs">
{stock.code} {stock.code}
</Text> </Text>
<Text color={borderColor} fontSize="xs" noOfLines={1} maxW="120px"> <Text color={textColor} fontSize="xs" noOfLines={1} maxW="120px">
{stock.name} {stock.name}
</Text> </Text>
</HStack> </HStack>