vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
3,961 Commits 35 Branches 1 Tag
feature_bugfix/20260112_count
Commit Graph

3961 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
9a5520c49f refactor(stockSlice): 移除 LocalStorage 缓存层，简化为两级缓存架构 2025-11-03 11:58:39 +08:00
zdl
39a2ccd53b refactor(stockSlice): 移除 LocalStorage 缓存层，简化为两级缓存架构 2025-11-03 11:58:39 +08:00
zdl
c53262348f feat(DynamicNewsDetailPanel): 升级为实时数据，移除模拟数据生成 2025-11-03 11:57:04 +08:00
zdl
6160edf060 feat(DynamicNewsDetailPanel): 升级为实时数据，移除模拟数据生成 2025-11-03 11:57:04 +08:00
zdl
f15c6f463a feat: 添加 EventScrollList.js 组件 2025-11-03 11:42:04 +08:00
zdl
bdea4209b2 feat: 添加 EventScrollList.js 组件 2025-11-03 11:42:04 +08:00
zdl
9edfc375c0 feat: 实现实时要闻事件卡片点击高亮效果 
功能新增：
- 点击事件卡片后显示高亮状态
- 当前选中的卡片有明显的视觉反馈

视觉效果：
- 选中状态：蓝色浅背景 (blue.50) + 蓝色粗边框 (2px, blue.500) + 大阴影 (lg)
- 未选中状态：原样式（白色/灰色交替背景 + 细边框 + 小阴影）
- 过渡动画：0.3s 平滑过渡
- 悬停效果：选中卡片悬停时边框变为 blue.600，阴影增强为 xl

技术实现：
1. DynamicNewsCard.js:
   - 传递 isSelected prop 给 DynamicNewsEventCard
   - 判断逻辑：isSelected={selectedEvent?.id === event.id}

2. DynamicNewsEventCard.js:
   - 添加 isSelected 参数（默认 false）
   - 根据 isSelected 动态调整 Card 样式：
     - 背景色：选中 blue.50 / 未选中 原样式
     - 边框：选中 2px blue.500 / 未选中 1px 原颜色
     - 阴影：选中 lg / 未选中 sm

用户体验提升：
- 清晰显示当前查看的事件
- 与下方详情面板形成呼应
- 视觉反馈明确，交互友好

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 11:28:03 +08:00
zdl
6cde2175db feat: 实现实时要闻事件卡片点击高亮效果 
功能新增：
- 点击事件卡片后显示高亮状态
- 当前选中的卡片有明显的视觉反馈

视觉效果：
- 选中状态：蓝色浅背景 (blue.50) + 蓝色粗边框 (2px, blue.500) + 大阴影 (lg)
- 未选中状态：原样式（白色/灰色交替背景 + 细边框 + 小阴影）
- 过渡动画：0.3s 平滑过渡
- 悬停效果：选中卡片悬停时边框变为 blue.600，阴影增强为 xl

技术实现：
1. DynamicNewsCard.js:
   - 传递 isSelected prop 给 DynamicNewsEventCard
   - 判断逻辑：isSelected={selectedEvent?.id === event.id}

2. DynamicNewsEventCard.js:
   - 添加 isSelected 参数（默认 false）
   - 根据 isSelected 动态调整 Card 样式：
     - 背景色：选中 blue.50 / 未选中 原样式
     - 边框：选中 2px blue.500 / 未选中 1px 原颜色
     - 阴影：选中 lg / 未选中 sm

用户体验提升：
- 清晰显示当前查看的事件
- 与下方详情面板形成呼应
- 视觉反馈明确，交互友好

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 11:28:03 +08:00
zdl
9e26d54d05 fix: 移除 DynamicNewsCard 点击事件时的弹窗触发 
问题描述：
- 点击新闻卡片时，既更新了详情组件，又触发了不需要的弹窗
- 用户只希望更新下方的详情面板，不需要弹窗

解决方案：
- 移除 onEventClick 和 onTitleClick 中对父组件回调的调用
- 保留 setSelectedEvent 更新逻辑
- 详情面板仍然正常更新显示

修改位置：
- src/views/Community/components/DynamicNewsCard.js 第226-235行

交互效果：
- 点击新闻卡片 → 只更新下方的 DynamicNewsDetailPanel
- 不再触发任何额外的弹窗
- 保持内联详情面板显示方式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 11:19:10 +08:00
zdl
f432d72151 fix: 移除 DynamicNewsCard 点击事件时的弹窗触发 
问题描述：
- 点击新闻卡片时，既更新了详情组件，又触发了不需要的弹窗
- 用户只希望更新下方的详情面板，不需要弹窗

解决方案：
- 移除 onEventClick 和 onTitleClick 中对父组件回调的调用
- 保留 setSelectedEvent 更新逻辑
- 详情面板仍然正常更新显示

修改位置：
- src/views/Community/components/DynamicNewsCard.js 第226-235行

交互效果：
- 点击新闻卡片 → 只更新下方的 DynamicNewsDetailPanel
- 不再触发任何额外的弹窗
- 保持内联详情面板显示方式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-03 11:19:10 +08:00
zdl
ef287d9e2a feat: 接入真实数据 2025-11-03 10:06:48 +08:00
zdl
befa68cc51 feat: 接入真实数据 2025-11-03 10:06:48 +08:00
zdl
ecb09c01ac feat: 提取交易日期 2025-11-02 16:41:55 +08:00
zdl
7ae4bc418f feat: 提取交易日期 2025-11-02 16:41:55 +08:00
zdl
c25b2b7de9 feat: 添加滚动组件 2025-11-02 16:41:21 +08:00
zdl
0110dc2fdc feat: 添加滚动组件 2025-11-02 16:41:21 +08:00
zdl
bb76512e0d feat: 提交迷你分时图组件 2025-11-02 16:38:44 +08:00
zdl
e7e2b3bb11 feat: 提交迷你分时图组件 2025-11-02 16:38:44 +08:00
zdl
0eeb6a8f21 feat: 提交历史事件对比组件 2025-11-02 16:37:46 +08:00
zdl
e22a39c5cd feat: 提交历史事件对比组件 2025-11-02 16:37:46 +08:00
zdl
c518fa76e3 feat: 添加相关股票模块 2025-11-01 12:19:47 +08:00
zdl
3b8b749eb1 feat: 添加相关股票模块 2025-11-01 12:19:47 +08:00
zdl
1c12fafc99 feat：删除不必要组件 2025-10-31 20:12:05 +08:00
zdl
571d5e68bc feat：删除不必要组件 2025-10-31 20:12:05 +08:00
zdl
873fcb0adb feat：添加mock数据 2025-10-31 20:11:50 +08:00
zdl
933932b86d feat：添加mock数据 2025-10-31 20:11:50 +08:00
zdl
15f5ae92b3 feat: 添加相关概念组件 2025-10-31 20:08:53 +08:00
zdl
fc251ede05 feat: 添加相关概念组件 2025-10-31 20:08:53 +08:00
zdl
b1abe8a831 feat: 添加可折叠模块标题组件 2025-10-31 18:15:39 +08:00
zdl
57c4c3c959 feat: 添加可折叠模块标题组件 2025-10-31 18:15:39 +08:00
zdl
a72baf6805 feat: 事件滑动面板添加 详情面板 2025-10-31 18:14:05 +08:00
zdl
e1e82555bf feat: 事件滑动面板添加 详情面板 2025-10-31 18:14:05 +08:00
zdl
2e1cdba8d3 feat: 添加事件描述组件 2025-10-31 17:50:23 +08:00
zdl
b44a0ccd39 feat: 添加事件描述组件 2025-10-31 17:50:23 +08:00
zdl
45ee80b5eb feat: UI调整 2025-10-31 16:29:11 +08:00
zdl
2d936ca1c7 feat: UI调整 2025-10-31 16:29:11 +08:00
zdl
320795b705 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
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
6c8dce49ae feat: 添加事件详情头部 2025-10-31 15:33:22 +08:00
zdl
db472620f3 feat: 添加事件详情头部 2025-10-31 15:33:22 +08:00
zdl
b29e90f7d0 fix: 优化概念中心时间轴弹窗关闭行为，使用条件渲染 
问题描述：
- 点击关闭按钮后，弹窗未完全关闭
- 可能存在 DOM 残留或状态问题

优化方案：
- 使用条件渲染替代 isOpen 属性控制
- 当状态为 false 时，Modal 组件完全从 DOM 中卸载
- 确保每次打开都是全新的状态

修改内容：
1. 主时间轴 Modal：添加 {isOpen && <Modal>...</Modal>} 条件渲染
2. 研报详情 Modal：添加 {isReportModalOpen && <Modal>...</Modal>} 条件渲染
3. 新闻详情 Modal：添加 {isNewsModalOpen && <Modal>...</Modal>} 条件渲染

优化效果：
- 弹窗关闭后组件完全卸载，避免残留
- 减少不必要的 DOM 节点，提升性能
- 每次打开都是全新的组件实例

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-31 15:05:15 +08:00
zdl
37d98203a3 fix: 优化概念中心时间轴弹窗关闭行为，使用条件渲染 
问题描述：
- 点击关闭按钮后，弹窗未完全关闭
- 可能存在 DOM 残留或状态问题

优化方案：
- 使用条件渲染替代 isOpen 属性控制
- 当状态为 false 时，Modal 组件完全从 DOM 中卸载
- 确保每次打开都是全新的状态

修改内容：
1. 主时间轴 Modal：添加 {isOpen && <Modal>...</Modal>} 条件渲染
2. 研报详情 Modal：添加 {isReportModalOpen && <Modal>...</Modal>} 条件渲染
3. 新闻详情 Modal：添加 {isNewsModalOpen && <Modal>...</Modal>} 条件渲染

优化效果：
- 弹窗关闭后组件完全卸载，避免残留
- 减少不必要的 DOM 节点，提升性能
- 每次打开都是全新的组件实例

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-31 15:05:15 +08:00
zdl
d4c577e197 feat:暂时注释掉市场复盘 2025-10-31 15:01:53 +08:00
zdl
2420ff45a4 feat:暂时注释掉市场复盘 2025-10-31 15:01:53 +08:00
zdl
5ca8d91f34 fix: 修复概念中心历史时间轴"查看详情"按钮无响应问题 
问题描述：
- 在历史时间轴弹窗中，点击新闻或研报的"查看详情"按钮无响应
- 导致用户无法查看新闻/研报的详细内容

问题根因：
- 在 onClick 事件处理函数中使用了未定义的变量 `date`
- 应该使用循环中的 `item.date` 变量
- 未定义的变量导致追踪函数报错，阻止了后续代码执行
- Modal 无法正常打开

修复内容：
- 第750行：trackNewsClicked(event, date) → trackNewsClicked(event, item.date)
- 第763行：trackReportClicked(event, date) → trackReportClicked(event, item.date)

影响范围：
- 概念中心历史时间轴功能
- 新闻和研报详情查看功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-31 14:51:53 +08:00
zdl
adaebbf800 fix: 修复概念中心历史时间轴"查看详情"按钮无响应问题 
问题描述：
- 在历史时间轴弹窗中，点击新闻或研报的"查看详情"按钮无响应
- 导致用户无法查看新闻/研报的详细内容

问题根因：
- 在 onClick 事件处理函数中使用了未定义的变量 `date`
- 应该使用循环中的 `item.date` 变量
- 未定义的变量导致追踪函数报错，阻止了后续代码执行
- Modal 无法正常打开

修复内容：
- 第750行：trackNewsClicked(event, date) → trackNewsClicked(event, item.date)
- 第763行：trackReportClicked(event, date) → trackReportClicked(event, item.date)

影响范围：
- 概念中心历史时间轴功能
- 新闻和研报详情查看功能

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-31 14:51:53 +08:00
zdl
46e99938e8 feat: 添加事件详情面板 2025-10-31 14:38:43 +08:00
zdl
9fd9fcb731 feat: 添加事件详情面板 2025-10-31 14:38:43 +08:00
zdl
f5ade90d0f 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
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