diff --git a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js index 1250b17e..009e8573 100644 --- a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js +++ b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js @@ -28,8 +28,18 @@ import { logger } from '../../../../../utils/logger'; * @param {string} props.eventTitle - 事件标题(用于搜索概念) * @param {string} props.effectiveTradingDate - 有效交易日期(涨跌幅数据日期) * @param {string|Object} props.eventTime - 事件发生时间 + * @param {React.ReactNode} props.subscriptionBadge - 订阅徽章组件(可选) + * @param {boolean} props.isLocked - 是否锁定详细模式(需要付费) + * @param {Function} props.onLockedClick - 锁定时的点击回调(触发付费弹窗) */ -const RelatedConceptsSection = ({ eventTitle, effectiveTradingDate, eventTime }) => { +const RelatedConceptsSection = ({ + eventTitle, + effectiveTradingDate, + eventTime, + subscriptionBadge = null, + isLocked = false, + onLockedClick = null +}) => { const [isExpanded, setIsExpanded] = useState(false); const [concepts, setConcepts] = useState([]); const [loading, setLoading] = useState(true); @@ -202,28 +212,41 @@ const RelatedConceptsSection = ({ eventTitle, effectiveTradingDate, eventTime }) return ( - {/* 标题栏 */} - - - - 相关概念 - - {/* 交易日期信息 */} - + {/* 标题栏 - 两行布局 */} + + {/* 第一行:标题 + Badge + 按钮 */} + + + + 相关概念 + + {/* 订阅徽章 */} + {subscriptionBadge} + + - - + {/* 第二行:交易日期信息 */} + + {/* 简单模式:横向卡片列表(总是显示) */}