feat: 修复相关概念卡片跳转逻辑,支持跳转至概念中心
功能优化: - 相关概念卡片点击跳转至概念中心(/concepts)并自动搜索该概念 - 概念相关股票支持点击跳转至公司详情页 组件修改: - RelatedConceptsSection/index.js: * 修复 handleConceptClick 函数跳转路径 * 从错误的 /concept/:name 改为正确的 /concepts?q=:name * 使用 encodeURIComponent 确保中文概念名称正确编码 - RelatedConceptsSection/ConceptStockItem.js: * 新增 handleStockClick 点击处理函数 * 点击股票跳转至公司详情页(valuefrontier.cn/company) * 添加 hover 效果和过渡动画 * 使用 stopPropagation 防止事件冒泡到概念卡片 跳转行为: - 简单概念卡片(横向)→ 点击跳转到概念中心搜索结果页 - 详细概念卡片(展开后)→ 点击跳转到概念中心搜索结果页 - 概念相关股票 → 点击跳转到公司详情页(新标签页) URL示例: - 点击"人工智能"概念 → /concepts?q=人工智能 - 点击股票"000001.SZ" → valuefrontier.cn/company?scode=000001 用户体验提升: - 概念卡片跳转逻辑符合用户预期 - 股票点击可查看公司详情,提供更多信息 - 事件冒泡控制正确,避免误触发 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -62,8 +62,8 @@ const RelatedConceptsSection = ({ keywords, effectiveTradingDate, eventTime }) =
|
||||
* @param {Object} concept - 概念对象
|
||||
*/
|
||||
const handleConceptClick = (concept) => {
|
||||
// 跳转到概念详情页
|
||||
navigate(`/concept/${concept.name}`);
|
||||
// 跳转到概念中心,并搜索该概念
|
||||
navigate(`/concepts?q=${encodeURIComponent(concept.name)}`);
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user