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