feat: 统一事件详情和滚动列表的重要性颜色样式

优化:
- 事件详情页面的重要性标签从固定橙色改为动态红色渐变
- 背景色使用 importance.bgColor (red.50)
- 文字和边框颜色使用 importance.badgeBg (red.800/600/500/400)
- 添加 2px 边框以保持视觉一致性
- 与滚动事件列表的重要性角标样式保持统一

修改文件:
- src/views/Community/components/DynamicNewsDetail/EventHeaderInfo.js

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-11-03 15:59:12 +08:00
parent 26dcfd061c
commit 462933f4af

View File

@@ -112,12 +112,14 @@ const EventHeaderInfo = ({ event, importance, isFollowing, followerCount, onTogg
{/* 重要性文本 */} {/* 重要性文本 */}
<Box <Box
bg="orange.50" bg={importance.bgColor}
borderWidth="2px"
borderColor={importance.badgeBg}
px={2} px={2}
py={1} py={1}
borderRadius="md" borderRadius="md"
> >
<Text fontSize="sm" color="orange.800" whiteSpace="nowrap" fontWeight="medium"> <Text fontSize="sm" color={importance.badgeBg} whiteSpace="nowrap" fontWeight="medium">
重要性{getImportanceText()} 重要性{getImportanceText()}
</Text> </Text>
</Box> </Box>