community增加事件详情

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
                   })()}
                 </HStack>
 
-                {/* 股票列表 */}
+                {/* 股票列表 - 使用 Ant Design Table 内置滚动 */}
                 <Box
                   borderRadius="xl"
                   border="1px solid rgba(255,215,0,0.15)"
                   overflow="hidden"
-                  flex="1"
+                  className="sector-stocks-table-wrapper"
-                  minH="0"
+                  sx={{
+                    /* Ant Design Table 内部滚动条样式 */
+                    '.ant-table-body': {
+                      '&::-webkit-scrollbar': { width: '8px', height: '8px' },
+                      '&::-webkit-scrollbar-track': { background: 'rgba(255,255,255,0.05)', borderRadius: '4px' },
+                      '&::-webkit-scrollbar-thumb': { background: 'rgba(255,215,0,0.4)', borderRadius: '4px' },
+                      '&::-webkit-scrollbar-thumb:hover': { background: 'rgba(255,215,0,0.6)' },
+                    },
+                  }}
                 >
                   <Table
                     dataSource={selectedSectorInfo.stocks}
@@ -2296,7 +2325,7 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
                     rowKey="scode"
                     size="small"
                     pagination={false}
-                    scroll={{ x: 650, y: 'calc(85vh - 250px)' }}
+                    scroll={{ x: 650, y: 450 }}
                   />
                 </Box>
               </VStack>