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

feat: 移动端不显示政策标签

Browse Source
This commit is contained in:
zdl
2025-11-26 16:02:59 +08:00
parent 217551b6ab
commit a2831c82a8
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
View File

@@ -15,6 +15,7 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { getImportanceConfig } from '../../../../constants/importanceLevels'; import { getImportanceConfig } from '../../../../constants/importanceLevels';
import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme'; import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
import { useDevice } from '@hooks/useDevice';
// 导入子组件 // 导入子组件
import ImportanceStamp from './ImportanceStamp'; import ImportanceStamp from './ImportanceStamp';
@@ -54,6 +55,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({
layout = 'vertical', layout = 'vertical',
}) => { }) => {
const importance = getImportanceConfig(event.importance); const importance = getImportanceConfig(event.importance);
const { isMobile } = useDevice();
// 专业配色 - 黑色、灰色、金色主题 // 专业配色 - 黑色、灰色、金色主题
const cardBg = PROFESSIONAL_COLORS.background.card; const cardBg = PROFESSIONAL_COLORS.background.card;
@@ -67,7 +69,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({
const showTimeline = useBreakpointValue({ base: false, md: true }); // 移动端隐藏时间轴 const showTimeline = useBreakpointValue({ base: false, md: true }); // 移动端隐藏时间轴
const cardPadding = useBreakpointValue({ base: 2, md: 3 }); // 移动端减小内边距 const cardPadding = useBreakpointValue({ base: 2, md: 3 }); // 移动端减小内边距
const titleFontSize = useBreakpointValue({ base: 'sm', md: 'md' }); // 移动端减小标题字体 const titleFontSize = useBreakpointValue({ base: 'sm', md: 'md' }); // 移动端减小标题字体
const titlePaddingRight = useBreakpointValue({ base: '80px', md: '120px' }); // 为关键词留空间 const titlePaddingRight = useBreakpointValue({ base: '16px', md: '120px' }); // 桌面端为关键词留空间，移动端不显示关键词
const spacing = useBreakpointValue({ base: 2, md: 3 }); // 间距 const spacing = useBreakpointValue({ base: 2, md: 3 }); // 间距
/** /**
@@ -170,8 +172,8 @@ const HorizontalDynamicNewsEventCard = React.memo(({
/> />
</Box> </Box>
{/* Keywords梦幻轮播 - 绝对定位在卡片右侧空白处 */} {/* Keywords梦幻轮播 - 绝对定位在卡片右侧空白处（移动端隐藏） */}
{event.keywords && event.keywords.length > 0 && ( {!isMobile && event.keywords && event.keywords.length > 0 && (
<KeywordsCarousel <KeywordsCarousel
keywords={event.keywords} keywords={event.keywords}
interval={4000} interval={4000}