diff --git a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js
index 4d2c4986..18afffd6 100644
--- a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js
+++ b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js
@@ -137,11 +137,48 @@ const DetailedConceptCard = ({ concept, onClick }) => {
-
- {concept.stocks.slice(0, 4).map((stock, idx) => (
-
- ))}
-
+ {/* 可滚动容器 - 默认显示4条,可滚动查看全部 */}
+ {
+ const element = e.currentTarget;
+ const scrollTop = element.scrollTop;
+ const scrollHeight = element.scrollHeight;
+ const clientHeight = element.clientHeight;
+
+ // 如果在滚动范围内,阻止事件冒泡到父容器
+ if (
+ (e.deltaY < 0 && scrollTop > 0) || // 向上滚动且未到顶部
+ (e.deltaY > 0 && scrollTop + clientHeight < scrollHeight) // 向下滚动且未到底部
+ ) {
+ e.stopPropagation();
+ }
+ }}
+ css={{
+ overscrollBehavior: 'contain', // 防止滚动链
+ '&::-webkit-scrollbar': {
+ width: '6px',
+ },
+ '&::-webkit-scrollbar-track': {
+ background: '#f1f1f1',
+ },
+ '&::-webkit-scrollbar-thumb': {
+ background: '#888',
+ borderRadius: '3px',
+ },
+ '&::-webkit-scrollbar-thumb:hover': {
+ background: '#555',
+ },
+ }}
+ >
+
+ {concept.stocks.map((stock, idx) => (
+
+ ))}
+
+
)}