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"
|
||||
|
||||
@@ -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: '医药行业专家',
|
||||
|
||||
Reference in New Issue
Block a user