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-14 06:39:29 +08:00
parent 3d558a7e49
commit 6ddcbf80d7
5 changed files with 88 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -423,15 +423,15 @@ const CompactSearchBox = ({
return (
<div style={{
padding: '16px 20px',
padding: window.innerWidth < 768 ? '12px 16px' : '16px 20px',
background: PROFESSIONAL_COLORS.background.card,
borderRadius: '12px',
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)'
}}>
{/* 单行紧凑布局 */}
<Space wrap style={{ width: '100%' }} size="medium">
{/* 单行紧凑布局 - 移动端自动换行 */}
<Space wrap style={{ width: '100%' }} size={window.innerWidth < 768 ? 'small' : 'medium'}>
{/* 搜索框 */}
<AutoComplete
value={inputValue}
@@ -446,7 +446,7 @@ const CompactSearchBox = ({
handleMainSearch();
}
}}
style={{ width: 240 }}
style={{ width: window.innerWidth < 768 ? '100%' : 240, minWidth: window.innerWidth < 768 ? 0 : 240 }}
>
<Input
prefix={<SearchOutlined style={{ color: PROFESSIONAL_COLORS.gold[500] }} />}
@@ -492,7 +492,8 @@ const CompactSearchBox = ({
displayRender={(labels) => labels[labels.length - 1] || '行业'}
disabled={industryLoading}
style={{
width: 120,
width: window.innerWidth < 768 ? '100%' : 120,
minWidth: window.innerWidth < 768 ? 0 : 120,
borderRadius: '8px'
}}
suffixIcon={<FilterOutlined style={{ fontSize: 14, color: PROFESSIONAL_COLORS.gold[500] }} />}
@@ -506,7 +507,8 @@ const CompactSearchBox = ({
value={importance}
onChange={handleImportanceChange}
style={{
width: 120,
width: window.innerWidth < 768 ? '100%' : 120,
minWidth: window.innerWidth < 768 ? 0 : 120,
borderRadius: '8px'
}}
placeholder="事件等级"
@@ -526,7 +528,8 @@ const CompactSearchBox = ({
value={sort}
onChange={handleSortChange}
style={{
width: 130,
width: window.innerWidth < 768 ? '100%' : 130,
minWidth: window.innerWidth < 768 ? 0 : 130,
borderRadius: '8px'
}}
suffixIcon={<SortAscendingOutlined style={{ fontSize: 14, color: PROFESSIONAL_COLORS.gold[500] }} />}