diff --git a/src/views/Profile/components/MarketDashboard/components/MarketOverview.js b/src/views/Profile/components/MarketDashboard/components/MarketOverview.js index d10479c4..0669e9b0 100644 --- a/src/views/Profile/components/MarketDashboard/components/MarketOverview.js +++ b/src/views/Profile/components/MarketDashboard/components/MarketOverview.js @@ -1,19 +1,18 @@ // 市场概况组件 - 顶部横条(与事件中心头部保持一致) -// 布局:上证指数 | 深证成指 | 创业板指+涨跌分布 | 热门板块 +// 布局:上证指数 | 深证成指 | 创业板指+涨跌分布 import React from 'react'; import { Box, SimpleGrid } from '@chakra-ui/react'; import { IndexKLineCard, GemIndexCard, - HotSectorsRanking, } from './atoms'; const MarketOverview = ({ marketStats = {} }) => { return ( - {/* 4列网格布局:上证指数 | 深证成指 | 创业板指+涨跌 | 热门板块 */} + {/* 3列网格布局:上证指数 | 深证成指 | 创业板指+涨跌 */} {/* 上证指数 - K线卡片 */} @@ -36,12 +35,6 @@ const MarketOverview = ({ marketStats = {} }) => { fallCount={marketStats.fallCount || 2034} flatCount={marketStats.flatCount || 312} /> - - {/* 热门板块排行 */} - ); diff --git a/src/views/Profile/components/WatchSidebar/index.js b/src/views/Profile/components/WatchSidebar/index.js index 565a7b8f..3d043c3c 100644 --- a/src/views/Profile/components/WatchSidebar/index.js +++ b/src/views/Profile/components/WatchSidebar/index.js @@ -1,8 +1,9 @@ -// 右侧边栏 - 关注股票和关注事件(两个独立模块) +// 右侧边栏 - 关注股票、关注事件、热门板块(三个独立模块) import React from 'react'; import { VStack } from '@chakra-ui/react'; import GlassCard from '@components/GlassCard'; import { WatchlistPanel, FollowingEventsPanel } from './components'; +import HotSectorsRanking from '@views/Profile/components/MarketDashboard/components/atoms/HotSectorsRanking'; const WatchSidebar = ({ watchlist = [], @@ -51,6 +52,16 @@ const WatchSidebar = ({ onUnfollow={onUnfollow} /> + + {/* 热门板块 - 独立模块 */} + + + ); };