|
|
d5858d5d14
|
fix: 恢复原有涨跌幅样式,将周涨幅改为超预期得分
- 恢复HorizontalDynamicNewsEventCard使用StockChangeIndicators组件
- 修改StockChangeIndicators:周涨幅→超预期得分,平均涨幅→平均超额,最大涨幅→最大超额
- 超预期得分显示为分数形式(如60分),根据分数显示不同颜色
|
2025-12-03 08:38:17 +08:00 |
|
|
|
79524c1eab
|
fix: 修复Community页面事件卡片显示,替换StockChangeIndicators为EventPriceDisplay
- HorizontalDynamicNewsEventCard 使用 EventPriceDisplay 替换 StockChangeIndicators
- 移除周涨幅、平均涨幅,改为显示最大超额和超预期得分
- 点击最大超额可切换显示平均超额
|
2025-12-03 08:29:21 +08:00 |
|
zdl
|
abe0a55650
|
feat: 调整事件列表h5模式调整
|
2025-11-26 16:44:53 +08:00 |
|
zdl
|
9754155087
|
fix: 移动端事件中心事件列表添加时间
|
2025-11-26 16:23:28 +08:00 |
|
zdl
|
09da0822c0
|
feat: 移动端不显示政策标签
|
2025-11-26 16:02:59 +08:00 |
|
zdl
|
349b6613dc
|
perf: 使用 React.memo 优化社区组件渲染性能
**优化目标**:
- 减少组件卸载次数:从 6 次/刷新 → 1-2 次/刷新(↓ 66-83%)
- 减少渲染次数:从 9 次/刷新 → 4-5 次/刷新(↓ 44-55%)
**优化组件**(共 7 个):
1. ✅ ModeToggleButtons.js - 简单 UI 组件
2. ✅ DynamicNewsEventCard.js - 平铺模式卡片(被渲染 30+ 次)
3. ✅ HorizontalDynamicNewsEventCard.js - 纵向模式卡片(被渲染 10+ 次)
4. ✅ VerticalModeLayout.js - 布局组件
5. ✅ EventScrollList.js - 列表组件
6. ✅ VirtualizedFourRowGrid.js - 虚拟化网格(forwardRef)
7. ✅ DynamicNewsCard.js - 主组件(forwardRef)
**技术实现**:
- 普通组件:`React.memo(Component)`
- forwardRef 组件:`React.memo(forwardRef(...))`
- 所有回调函数已使用 useCallback 确保引用稳定
**预期效果**:
- 列表渲染的卡片组件收益最大(减少 90% 重渲染)
- 布局组件渲染次数从 9 次降到 1 次(减少 88%)
- 整体用户体验更流畅,无明显卡顿
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-17 15:00:46 +08:00 |
|
|
|
6ddcbf80d7
|
update ui
|
2025-11-14 06:39:29 +08:00 |
|
|
|
15481f9466
|
update ui
|
2025-11-13 23:34:29 +08:00 |
|
|
|
17a7dfa415
|
update ui
|
2025-11-13 23:24:54 +08:00 |
|
|
|
1200e1a3cf
|
update ui
|
2025-11-13 23:06:19 +08:00 |
|
|
|
08b2c5e0cf
|
update ui
|
2025-11-13 22:57:24 +08:00 |
|
zdl
|
7998575b36
|
feat(community): 列表模式事件卡片高度自适应
|
2025-11-07 19:25:10 +08:00 |
|
|
|
fd43f24b0a
|
事件中心UI优化
|
2025-11-07 11:20:45 +08:00 |
|
zdl
|
530e0bce0f
|
feat: feat: 优化事件卡片 UI 和交互体验
修复 useColorModeValue 调用位置(提升到顶层)
优化分页和滚动逻辑
动态 indicatorSize 支持(detail/list 模式)
|
2025-11-05 19:15:36 +08:00 |
|
zdl
|
3ddedfa967
|
feat: 纵向列表(HorizontalDynamicNewsEventCard.js:105-133) - 添加 Tooltip 提示
平铺列表(DynamicNewsEventCard.js:232) - 修改行数限制
|
2025-11-05 16:40:35 +08:00 |
|
zdl
|
b55fc057d1
|
feat: 提取 ImportanceBadge 组件
|
2025-11-05 16:15:18 +08:00 |
|
zdl
|
45e21f856f
|
feat: 重要性徽章样式优化(圆形设计)
|
2025-11-05 15:19:02 +08:00 |
|
zdl
|
a195aa3d92
|
feat: 创建纵向模式的横向卡片组件
|
2025-11-05 08:26:05 +08:00 |
|