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