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:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user