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

feat(EventList): UI优化 - 简化标签文字和调整顶部间距

Browse Source 
**改进内容**:
1. 简化涨跌幅标签文字
   - 平均涨幅 → 平均
   - 最大涨幅 → 最大
   - 周涨幅 → 周

2. 调整顶部间距
   - 移除顶部padding (py={8} → pb={8})
   - 控制栏紧贴页面顶部

**效果**: 节省显示空间，标签更简洁，顶部无留白

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-10-27 17:36:28 +08:00
parent 31a7500388
commit 5e4c4e7cea
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/Community/components/EventList.js
View File

@@ -442,7 +442,7 @@ const EventList = ({ events, pagination, onPageChange, onEventClick, onViewDetai
{/* 右侧：涨跌幅指标 */}
<HStack spacing={3}>
<Tooltip label="平均涨幅" placement="top">
<Tooltip label="平均" placement="top">
<Box
px={3}
py={1}
@@ -658,7 +658,7 @@ const EventList = ({ events, pagination, onPageChange, onEventClick, onViewDetai
>
<Stat size="sm">
<StatHelpText mb={1} fontWeight="semibold" color="gray.600" fontSize="xs">
平均涨幅
平均
</StatHelpText>
<StatNumber fontSize="xl" color={getPriceChangeColor(event.related_avg_chg)}>
{event.related_avg_chg != null ? (
@@ -689,7 +689,7 @@ const EventList = ({ events, pagination, onPageChange, onEventClick, onViewDetai
>
<Stat size="sm">
<StatHelpText mb={1} fontWeight="semibold" color="gray.600" fontSize="xs">
最大涨幅
最大
</StatHelpText>
<StatNumber fontSize="xl" color={getPriceChangeColor(event.related_max_chg)}>
{event.related_max_chg != null ? (
@@ -720,7 +720,7 @@ const EventList = ({ events, pagination, onPageChange, onEventClick, onViewDetai
>
<Stat size="sm">
<StatHelpText mb={1} fontWeight="semibold" color="gray.600" fontSize="xs">
周涨幅
周
</StatHelpText>
<StatNumber fontSize="xl" color={getPriceChangeColor(event.related_week_chg)}>
{event.related_week_chg != null ? (
@@ -902,7 +902,7 @@ const EventList = ({ events, pagination, onPageChange, onEventClick, onViewDetai
};
return (
<Box bg={bgColor} minH="100vh" py={8}>
<Box bg={bgColor} minH="100vh" pb={8}>
<Container maxW="container.xl">
{/* 顶部控制栏：连接状态 + 视图切换 */}
<Flex justify="space-between" align="center" mb={6}>