vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ui

Browse Source
This commit is contained in:
zzlgreat
2025-11-13 23:24:54 +08:00
parent d3b980b3ca
commit 3caa5f4c3a
7 changed files with 179 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/Community/components/CompactSearchBox.js
View File

@@ -17,6 +17,7 @@ import { fetchIndustryData, selectIndustryData, selectIndustryLoading } from '..
import { stockService } from '../../../services/stockService';
import { logger } from '../../../utils/logger';
import TradingTimeFilter from './TradingTimeFilter';
import { PROFESSIONAL_COLORS } from '../../../constants/professionalTheme';
const { Option } = AntSelect;
@@ -423,10 +424,10 @@ const CompactSearchBox = ({
return (
<div style={{
padding: '16px 20px',
background: 'linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 250, 250, 0.95) 100%)',
background: PROFESSIONAL_COLORS.background.card,
borderRadius: '12px',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5)',
border: '1px solid rgba(200, 200, 200, 0.3)',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 195, 0, 0.1)',
border: `1px solid ${PROFESSIONAL_COLORS.border.default}`,
backdropFilter: 'blur(10px)'
}}>
{/* 单行紧凑布局 */}
@@ -448,11 +449,13 @@ const CompactSearchBox = ({
style={{ width: 240 }}
>
<Input
prefix={<SearchOutlined style={{ color: '#1890ff' }} />}
prefix={<SearchOutlined style={{ color: PROFESSIONAL_COLORS.gold[500] }} />}
style={{
borderRadius: '8px',
border: '2px solid #e6f7ff',
boxShadow: '0 2px 8px rgba(24, 144, 255, 0.1)'
border: `1px solid ${PROFESSIONAL_COLORS.border.default}`,
boxShadow: `0 2px 8px rgba(255, 195, 0, 0.1)`,
background: PROFESSIONAL_COLORS.background.secondary,
color: PROFESSIONAL_COLORS.text.primary
}}
/>
</AutoComplete>
@@ -460,7 +463,7 @@ const CompactSearchBox = ({
{/* 时间筛选 */}
<Tooltip title="时间筛选">
<div style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}>
<CalendarOutlined style={{ color: '#8c8c8c', fontSize: 12 }} />
<CalendarOutlined style={{ color: PROFESSIONAL_COLORS.gold[500], fontSize: 12 }} />
<TradingTimeFilter
value={tradingTimeRange?.key || null}
onChange={handleTradingTimeChange}
@@ -492,7 +495,7 @@ const CompactSearchBox = ({
width: 120,
borderRadius: '8px'
}}
suffixIcon={<FilterOutlined style={{ fontSize: 14, color: '#52c41a' }} />}
suffixIcon={<FilterOutlined style={{ fontSize: 14, color: PROFESSIONAL_COLORS.gold[500] }} />}
/>
</Tooltip>
@@ -526,7 +529,7 @@ const CompactSearchBox = ({
width: 130,
borderRadius: '8px'
}}
suffixIcon={<SortAscendingOutlined style={{ fontSize: 14, color: '#faad14' }} />}
suffixIcon={<SortAscendingOutlined style={{ fontSize: 14, color: PROFESSIONAL_COLORS.gold[500] }} />}
>
<Option value="new">⏰ 最新</Option>
<Option value="hot">🔥 最热</Option>