diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js index bedbf488..7b2088e2 100644 --- a/src/views/Community/components/HeroPanel.js +++ b/src/views/Community/components/HeroPanel.js @@ -144,6 +144,27 @@ const animations = ` background: rgba(255, 215, 0, 0.5); } + /* 板块股票表格滚动 - 针对 Ant Design 5.x */ + .sector-stocks-table-wrapper { + max-height: 450px; + overflow: hidden; + } + .sector-stocks-table-wrapper .ant-table-wrapper, + .sector-stocks-table-wrapper .ant-table, + .sector-stocks-table-wrapper .ant-table-container { + max-height: 100%; + } + .sector-stocks-table-wrapper .ant-table-body { + max-height: 380px !important; + overflow-y: auto !important; + scrollbar-width: thin; + scrollbar-color: rgba(255, 215, 0, 0.4) rgba(255, 255, 255, 0.05); + } + /* Firefox 滚动条 */ + .sector-stocks-table-wrapper .ant-table-body { + scrollbar-width: thin; + } + /* Tag 样式优化 */ .hero-panel-modal .ant-tag { border-radius: 4px !important; @@ -2113,13 +2134,21 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading })()} - {/* 股票列表 */} + {/* 股票列表 - 使用 Ant Design Table 内置滚动 */}