feat: 导航栏关注事件弹窗增强显示信息

- 添加热度显示(🔥 图标 + 分数)
  - ≥80 红色,≥60 橙色,<60 灰色
- 添加关注数显示(👥 图标 + 人数)
- 保留原有涨跌幅显示(日均、周涨)
- mock 数据补充涨跌幅字段(related_avg_chg, related_max_chg, related_week_chg)
- 智能显示:字段存在时才显示对应 Badge
- 优化 Badge 间距和布局

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-11-05 11:05:32 +08:00
parent 69d4b8bae0
commit d95bd51206
2 changed files with 40 additions and 1 deletions

View File

@@ -106,7 +106,29 @@ const FollowingEventsMenu = memo(() => {
)}
</HStack>
</Box>
<HStack flexShrink={0}>
<HStack flexShrink={0} spacing={1}>
{/* 热度 */}
{typeof ev.hot_score === 'number' && (
<Badge
colorScheme={
ev.hot_score >= 80 ? 'red' :
(ev.hot_score >= 60 ? 'orange' : 'gray')
}
fontSize="xs"
>
🔥 {ev.hot_score}
</Badge>
)}
{/* 关注数 */}
{typeof ev.follower_count === 'number' && ev.follower_count > 0 && (
<Badge
colorScheme="purple"
fontSize="xs"
>
👥 {ev.follower_count}
</Badge>
)}
{/* 日均涨跌幅 */}
{typeof ev.related_avg_chg === 'number' && (
<Badge
colorScheme={
@@ -119,6 +141,7 @@ const FollowingEventsMenu = memo(() => {
{ev.related_avg_chg.toFixed(2)}%
</Badge>
)}
{/* 周涨跌幅 */}
{typeof ev.related_week_chg === 'number' && (
<Badge
colorScheme={
@@ -131,6 +154,7 @@ const FollowingEventsMenu = memo(() => {
{ev.related_week_chg.toFixed(2)}%
</Badge>
)}
{/* 取消关注按钮 */}
<Box
as="span"
fontSize="xs"