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}>