vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

事件中心ui

Browse Source
This commit is contained in:
zzlgreat
2025-11-10 12:32:14 +08:00
parent 6cd300b5ae
commit 46ba421f42
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
View File

@@ -163,7 +163,7 @@ const MiniKLineChart = React.memo(function MiniKLineChart({ stockCode, eventTime
style={{ style={{
width: '100%', width: '100%',
height: '100%', height: '100%',
minHeight: '40px', minHeight: '35px',
cursor: onClick ? 'pointer' : 'default' cursor: onClick ? 'pointer' : 'default'
}} }}
onClick={onClick} onClick={onClick}

22
src/views/Community/components/DynamicNewsDetail/StockListItem.js
View File

@@ -189,7 +189,7 @@ const StockListItem = ({
</HStack> </HStack>
</VStack> </VStack>
{/* 分时图 - 响应式宽度 */} {/* 分时图 - 紧凑高度 */}
<VStack <VStack
minW="150px" minW="150px"
maxW="180px" maxW="180px"
@@ -197,7 +197,8 @@ const StockListItem = ({
borderWidth="1px" borderWidth="1px"
borderColor={useColorModeValue('blue.100', 'blue.700')} borderColor={useColorModeValue('blue.100', 'blue.700')}
borderRadius="md" borderRadius="md"
p={2} px={2}
py={1}
bg={useColorModeValue('blue.50', 'blue.900')} bg={useColorModeValue('blue.50', 'blue.900')}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
@@ -206,7 +207,8 @@ const StockListItem = ({
cursor="pointer" cursor="pointer"
flexShrink={1} flexShrink={1}
align="stretch" align="stretch"
spacing={1} spacing={0}
h="fit-content"
_hover={{ _hover={{
borderColor: useColorModeValue('blue.300', 'blue.500'), borderColor: useColorModeValue('blue.300', 'blue.500'),
boxShadow: 'md', boxShadow: 'md',
@@ -219,10 +221,11 @@ const StockListItem = ({
color={useColorModeValue('blue.700', 'blue.200')} color={useColorModeValue('blue.700', 'blue.200')}
fontWeight="semibold" fontWeight="semibold"
whiteSpace="nowrap" whiteSpace="nowrap"
mb={0.5}
> >
📈 分时 📈 分时
</Text> </Text>
<Box h="50px" flex="1"> <Box h="35px">
<MiniTimelineChart <MiniTimelineChart
stockCode={stock.stock_code} stockCode={stock.stock_code}
eventTime={eventTime} eventTime={eventTime}
@@ -230,7 +233,7 @@ const StockListItem = ({
</Box> </Box>
</VStack> </VStack>
{/* K线图 - 响应式宽度 */} {/* K线图 - 紧凑高度 */}
<VStack <VStack
minW="150px" minW="150px"
maxW="180px" maxW="180px"
@@ -238,7 +241,8 @@ const StockListItem = ({
borderWidth="1px" borderWidth="1px"
borderColor={useColorModeValue('purple.100', 'purple.700')} borderColor={useColorModeValue('purple.100', 'purple.700')}
borderRadius="md" borderRadius="md"
p={2} px={2}
py={1}
bg={useColorModeValue('purple.50', 'purple.900')} bg={useColorModeValue('purple.50', 'purple.900')}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
@@ -247,7 +251,8 @@ const StockListItem = ({
cursor="pointer" cursor="pointer"
flexShrink={1} flexShrink={1}
align="stretch" align="stretch"
spacing={1} spacing={0}
h="fit-content"
_hover={{ _hover={{
borderColor: useColorModeValue('purple.300', 'purple.500'), borderColor: useColorModeValue('purple.300', 'purple.500'),
boxShadow: 'md', boxShadow: 'md',
@@ -260,10 +265,11 @@ const StockListItem = ({
color={useColorModeValue('purple.700', 'purple.200')} color={useColorModeValue('purple.700', 'purple.200')}
fontWeight="semibold" fontWeight="semibold"
whiteSpace="nowrap" whiteSpace="nowrap"
mb={0.5}
> >
📊 日线 📊 日线
</Text> </Text>
<Box h="50px" flex="1"> <Box h="35px">
<MiniKLineChart <MiniKLineChart
stockCode={stock.stock_code} stockCode={stock.stock_code}
eventTime={eventTime} eventTime={eventTime}

2
src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
View File

@@ -167,7 +167,7 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
style={{ style={{
width: '100%', width: '100%',
height: '100%', height: '100%',
minHeight: '40px', minHeight: '35px',
cursor: onClick ? 'pointer' : 'default' cursor: onClick ? 'pointer' : 'default'
}} }}
onClick={onClick} onClick={onClick}