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"

View File

@@ -138,6 +138,9 @@ export const mockFollowingEvents = [
upvote_count: 489,
heat_score: 95,
exceed_expectation_score: 85,
related_avg_chg: 1.25,
related_max_chg: 3.15,
related_week_chg: 2.80,
creator: {
id: 1001,
username: '财经分析师',
@@ -155,6 +158,9 @@ export const mockFollowingEvents = [
upvote_count: 567,
heat_score: 88,
exceed_expectation_score: 78,
related_avg_chg: 5.60,
related_max_chg: 12.50,
related_week_chg: 8.90,
creator: {
id: 1002,
username: '科技观察者',
@@ -172,6 +178,9 @@ export const mockFollowingEvents = [
upvote_count: 345,
heat_score: 72,
exceed_expectation_score: 68,
related_avg_chg: 2.35,
related_max_chg: 6.80,
related_week_chg: 4.20,
creator: {
id: 1003,
username: '产业研究员',
@@ -189,6 +198,9 @@ export const mockFollowingEvents = [
upvote_count: 432,
heat_score: 80,
exceed_expectation_score: 72,
related_avg_chg: 3.80,
related_max_chg: 9.20,
related_week_chg: 6.50,
creator: {
id: 1004,
username: '半导体观察',
@@ -206,6 +218,9 @@ export const mockFollowingEvents = [
upvote_count: 234,
heat_score: 65,
exceed_expectation_score: null,
related_avg_chg: -0.80,
related_max_chg: 2.50,
related_week_chg: 1.20,
creator: {
id: 1005,
username: '医药行业专家',