32 lines
812 B
JavaScript
32 lines
812 B
JavaScript
import React from 'react';
|
|
import { Box, Text, VStack, Icon } from '@chakra-ui/react';
|
|
import { FaChartBar } from 'react-icons/fa';
|
|
|
|
/**
|
|
* 市场数据视图组件 - 占位符
|
|
* TODO: 实现完整功能
|
|
*/
|
|
const MarketDataView = ({ stockCode }) => {
|
|
return (
|
|
<Box
|
|
p={8}
|
|
borderRadius="lg"
|
|
bg="gray.50"
|
|
_dark={{ bg: 'gray.800' }}
|
|
textAlign="center"
|
|
>
|
|
<VStack spacing={4}>
|
|
<Icon as={FaChartBar} boxSize={12} color="gray.400" />
|
|
<Text fontSize="lg" fontWeight="medium" color="gray.600" _dark={{ color: 'gray.400' }}>
|
|
市场数据功能开发中
|
|
</Text>
|
|
<Text fontSize="sm" color="gray.500">
|
|
股票代码: {stockCode || '未选择'}
|
|
</Text>
|
|
</VStack>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default MarketDataView;
|