zdl
|
b95607e9b4
|
refactor: 优化 StockChangeIndicators 颜色层次和视觉对比度
优化：
- 背景色统一使用 50 最浅色 (red.50/orange.50/green.50/teal.50)
- 边框色根据涨跌幅大小动态调整 (100-200 级别)
- 确保背景 < 边框 < 文字的颜色深度层次
- 提升视觉对比度和可读性
- 更新注释说明颜色逻辑
修改文件：
- src/components/StockChangeIndicators.js
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-03 16:01:42 +08:00 |
|
zdl
|
7e32dda2df
|
feat本次提交包含的优化
✅ StockChangeIndicators 组件优化
- 调整 padding 使布局更紧凑
- 修复窄卡片中的折行问题
- 自动根据内容调整宽度
✅ 重要性等级视觉优化
- 统一使用红色系（S→A→B→C：从深红到浅红）
- 添加 badgeBg 字段支持新的角标样式
✅ DynamicNewsEventCard 卡片改版
- 左上角矩形角标显示重要性（镂空边框样式）
- 悬浮显示所有等级说明
- 标题限制两行显示
✅ Mock 数据完整性
- 添加缺失的 related_week_chg 字段
- 确保三个涨跌幅指标数据完整
|
2025-11-03 15:38:30 +08:00 |
|
zdl
|
2d936ca1c7
|
feat: UI调整
|
2025-10-31 16:29:11 +08:00 |
|
zdl
|
14db374820
|
style: 优化事件详情和涨跌幅指标的视觉效果
EventHeaderInfo 组件优化：
- "重要性：高"背景色改为浅杏黄色（yellow.100 → orange.50）
- 文字颜色改为深杏色（yellow.700 → orange.800）
- 视觉效果更柔和优雅，不刺眼
StockChangeIndicators 组件优化：
- 改用多颜色梯度（5级分级）
- 上涨：红色系（red.900/700/500）→ 橙色系（orange.600/400）
- 下跌：绿色系（green.900/700/500）→ 青色系（teal.600/400）
- 背景色和边框色跟随数字颜色
- 移除调试 console.log
视觉改进：
- 颜色分级更细腻，从3级增加到5级
- 引入橙色和青色让小幅和大幅波动有明显色系区别
- 5.7% 显示为深红色，1.7% 显示为橙色，视觉区分明显
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-31 16:00:37 +08:00 |
|
zdl
|
c372832f1f
|
feat: 新增实时要闻·动态追踪与市场复盘功能，优化导航体验
新增功能：
- 实时要闻·动态追踪横向滚动卡片（DynamicNewsCard）
- 动态新闻事件卡片组件（DynamicNewsEventCard）
- 市场复盘卡片组件（MarketReviewCard）
- 股票涨跌幅指标组件（StockChangeIndicators）
- 交易时间工具函数（tradingTimeUtils）
- Mock API 支持动态新闻数据生成
UI 优化：
- EventFollowButton 改用 react-icons 星星图标，实现真正的空心/实心效果
- 关注按钮添加半透明白色背景（whiteAlpha.500），悬停效果更明显
- 事件卡片标题添加右侧留白，防止关注按钮遮挡文字
性能优化：
- 禁用 Router v7_startTransition 特性，解决路由切换延迟 2 秒问题
- 调整导航菜单点击顺序（先跳转后关闭），提升响应速度
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-31 14:11:03 +08:00 |
|