feat: UI调整

This commit is contained in:
zdl
2025-12-10 10:09:24 +08:00
parent 9423094af2
commit 3382dd1036
9 changed files with 200 additions and 108 deletions

View File

@@ -1,5 +1,5 @@
// src/views/Company/components/CompanyHeader/SearchBar.js
// 股票搜索栏组件
// 股票搜索栏组件 - 金色主题
import React from 'react';
import {
@@ -30,7 +30,7 @@ const SearchBar = ({
<HStack spacing={3}>
<InputGroup size="lg" maxW="300px">
<InputLeftElement pointerEvents="none">
<SearchIcon color="gray.400" />
<SearchIcon color="#C9A961" />
</InputLeftElement>
<Input
placeholder="输入股票代码"
@@ -39,10 +39,14 @@ const SearchBar = ({
onKeyPress={onKeyPress}
borderRadius="md"
color="white"
_placeholder={{ color: 'whiteAlpha.600' }}
borderColor="#C9A961"
_placeholder={{ color: '#C9A961' }}
_focus={{
borderColor: 'blue.500',
boxShadow: '0 0 0 1px #3182ce',
borderColor: '#F4D03F',
boxShadow: '0 0 0 1px #F4D03F',
}}
_hover={{
borderColor: '#F4D03F',
}}
/>
</InputGroup>
@@ -54,7 +58,7 @@ const SearchBar = ({
color="#C9A961"
borderWidth="1px"
borderColor="#C9A961"
_hover={{ bg: '#1a1a1a' }}
_hover={{ bg: '#1a1a1a', borderColor: '#F4D03F', color: '#F4D03F' }}
>
查询
</Button>