更新Company页面的UI为FUI风格
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user