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

fix: AI合成h5换行，pc一行，评论标题上方margin去掉

Browse Source
This commit is contained in:
zdl
2025-11-27 16:55:25 +08:00
parent e9e9ec9051
commit b8b24643fe
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -418,7 +418,7 @@ const DynamicNewsDetailPanel = ({ event, showHeader = true }) => {
</CollapsibleSection> </CollapsibleSection>
{/* 讨论区（评论区） - 所有登录用户可用 */} {/* 讨论区（评论区） - 所有登录用户可用 */}
<Box mt={4}> <Box>
<EventCommentSection eventId={event.id} /> <EventCommentSection eventId={event.id} />
</Box> </Box>
</VStack> </VStack>

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

@@ -2,6 +2,7 @@
// 股票卡片组件（融合表格功能的卡片样式） // 股票卡片组件（融合表格功能的卡片样式）
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useSelector } from 'react-redux';
import { import {
Box, Box,
Flex, Flex,
@@ -18,6 +19,7 @@ import {
import { StarIcon } from '@chakra-ui/icons'; import { StarIcon } from '@chakra-ui/icons';
import { Tag } from 'antd'; import { Tag } from 'antd';
import { RobotOutlined } from '@ant-design/icons'; import { RobotOutlined } from '@ant-design/icons';
import { selectIsMobile } from '@store/slices/deviceSlice';
import MiniTimelineChart from '../StockDetailPanel/components/MiniTimelineChart'; import MiniTimelineChart from '../StockDetailPanel/components/MiniTimelineChart';
import MiniKLineChart from './MiniKLineChart'; import MiniKLineChart from './MiniKLineChart';
import TimelineChartModal from '@components/StockChart/TimelineChartModal'; import TimelineChartModal from '@components/StockChart/TimelineChartModal';
@@ -45,6 +47,7 @@ const StockListItem = ({
isInWatchlist = false, isInWatchlist = false,
onWatchlistToggle onWatchlistToggle
}) => { }) => {
const isMobile = useSelector(selectIsMobile);
const cardBg = PROFESSIONAL_COLORS.background.card; const cardBg = PROFESSIONAL_COLORS.background.card;
const borderColor = PROFESSIONAL_COLORS.border.default; const borderColor = PROFESSIONAL_COLORS.border.default;
const codeColor = '#3B82F6'; const codeColor = '#3B82F6';
@@ -129,7 +132,7 @@ const StockListItem = ({
transition="all 0.2s" transition="all 0.2s"
> >
{/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */} {/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */}
<HStack spacing={2} align="center" flexWrap="wrap"> <HStack spacing={2} align="center" flexWrap={isMobile ? 'wrap' : 'nowrap'}>
{/* 左侧：股票信息区 */} {/* 左侧：股票信息区 */}
<HStack spacing={2} overflow="hidden"> <HStack spacing={2} overflow="hidden">
{/* 股票代码 + 名称 + 涨跌幅 */} {/* 股票代码 + 名称 + 涨跌幅 */}
@@ -282,7 +285,7 @@ const StockListItem = ({
{/* 关联描述 - 升级和降级处理 */} {/* 关联描述 - 升级和降级处理 */}
{stock.relation_desc && ( {stock.relation_desc && (
<Box flex={1} minW={0}> <Box flex={1} minW={0} flexBasis={isMobile ? '100%' : ''}>
{stock.relation_desc?.data ? ( {stock.relation_desc?.data ? (
// 升级：带引用来源的版本 - 添加折叠功能 // 升级：带引用来源的版本 - 添加折叠功能
<Tooltip <Tooltip