diff --git a/src/views/StockOverview/components/HotspotOverview/index.js b/src/views/StockOverview/components/HotspotOverview/index.js index d8b91d62..b4bae65e 100644 --- a/src/views/StockOverview/components/HotspotOverview/index.js +++ b/src/views/StockOverview/components/HotspotOverview/index.js @@ -22,6 +22,8 @@ import { Tooltip, useDisclosure, Collapse, + Skeleton, + SkeletonText, } from '@chakra-ui/react'; import { getApiBase } from '@utils/apiConfig'; import { keyframes, css } from '@emotion/react'; @@ -295,15 +297,35 @@ const StockListPanel = ({ stocks, loading, alert }) => { return ( - - - 加载相关股票... + {/* 骨架屏头部 */} + + + + + {/* 骨架屏列表 */} + + {[1, 2, 3, 4, 5].map((i) => ( + + + + + + + + ))} + ); } @@ -340,15 +362,16 @@ const StockListPanel = ({ stocks, loading, alert }) => { border={glassEffect.light.border} overflow="hidden" > - {/* 统计信息栏 */} + {/* 标题 + 统计信息栏 */} + 相关股票 均涨: = 0 ? colors.market.up : colors.market.down}>