perf: EventPanel 性能优化,EventDetailCard H5适配,清理冗余类型

This commit is contained in:
zdl
2025-12-05 15:03:56 +08:00
parent c9a7ac0027
commit f8e3b2bc52
3 changed files with 156 additions and 111 deletions

View File

@@ -84,15 +84,15 @@ export const EventDetailCard: React.FC<EventDetailCardProps> = ({
return (
<Box
p={4}
p={{ base: 3, md: 4 }}
borderRadius="md"
border="1px"
borderColor={borderColor}
>
{/* 标题和标签 */}
<Flex justify="space-between" align="start" mb={2}>
<HStack flexWrap="wrap" flex={1}>
<Text fontWeight="bold" fontSize="lg">
<Flex justify="space-between" align="start" mb={{ base: 1, md: 2 }} gap={{ base: 1, md: 2 }}>
<HStack flexWrap="wrap" flex={1} spacing={{ base: 1, md: 2 }} gap={1}>
<Text fontWeight="bold" fontSize={{ base: 'md', md: 'lg' }}>
{event.title}
</Text>
{getEventBadge()}
@@ -101,10 +101,10 @@ export const EventDetailCard: React.FC<EventDetailCardProps> = ({
{/* 描述内容 - 支持展开/收起 */}
{event.description && (
<Box mb={2}>
<Box mb={{ base: 1, md: 2 }}>
<Text
ref={descriptionRef}
fontSize="sm"
fontSize={{ base: 'xs', md: 'sm' }}
color={secondaryText}
noOfLines={isExpanded ? undefined : MAX_LINES}
whiteSpace="pre-wrap"
@@ -128,8 +128,8 @@ export const EventDetailCard: React.FC<EventDetailCardProps> = ({
{/* 相关股票 */}
{event.stocks && event.stocks.length > 0 && (
<HStack spacing={2} flexWrap="wrap">
<Text fontSize="sm" color={secondaryText}>:</Text>
<HStack spacing={{ base: 1, md: 2 }} flexWrap="wrap" gap={1}>
<Text fontSize={{ base: 'xs', md: 'sm' }} color={secondaryText}>:</Text>
{event.stocks.map((stock, i) => (
<Tag key={i} size="sm" colorScheme="blue" mb={1}>
<TagLeftIcon as={FiTrendingUp} />