update pay promo

This commit is contained in:
2026-02-03 16:17:12 +08:00
parent c0624ea2a2
commit f4a1a1927c
5 changed files with 10 additions and 64 deletions

View File

@@ -92,7 +92,7 @@ const EventHeaderInfo = ({ event, importance, isFollowing, followerCount, onTogg
<ShareButton
title={event.title}
desc={event.description?.slice(0, 100) || ''}
link={`${window.location.origin}/community?event=${event.id}`}
link={`${window.location.origin}/event-detail?id=${btoa(`ev-${event.id}`)}`}
imgUrl={`${window.location.origin}/logo192.png`}
variant="icon"
size="sm"

View File

@@ -33,26 +33,6 @@ const EventDetailScrollPanel = ({
pl={2}
position="relative"
data-detail-panel-container="true"
sx={{
height: '100%',
overflowY: 'auto',
overflowX: 'hidden',
overscrollBehavior: 'contain',
'&::-webkit-scrollbar': {
width: '3px',
},
'&::-webkit-scrollbar-track': {
background: scrollbarTrackBg,
borderRadius: '10px',
},
'&::-webkit-scrollbar-thumb': {
background: scrollbarThumbBg,
borderRadius: '10px',
},
'&::-webkit-scrollbar-thumb:hover': {
background: scrollbarThumbHoverBg,
},
}}
>
{selectedEvent ? (
<DynamicNewsDetailPanel event={selectedEvent} showHeader={shouldShowHeader} />

View File

@@ -81,35 +81,15 @@ const VerticalModeLayout = React.memo(({
gap={gap}
position="relative"
transition="all 0.3s ease-in-out"
h={{ base: 'auto', lg: 'calc(100vh - 280px)' }}
minH={{ base: '500px', lg: '600px' }}
overflow="hidden"
alignItems="flex-start"
>
{/* 左侧:事件列表 - 独立滚动 */}
{/* 左侧:事件列表 */}
<Box
flex={isMobile ? '1' : leftFlex}
minWidth={0}
w={isMobile ? '100%' : 'auto'}
overflowX="hidden"
overflowY="auto"
h="100%"
data-event-list-container="true"
css={{
overscrollBehavior: 'contain',
'&::-webkit-scrollbar': {
width: '6px',
},
'&::-webkit-scrollbar-track': {
background: '#f1f1f1',
},
'&::-webkit-scrollbar-thumb': {
background: '#888',
borderRadius: '3px',
},
'&::-webkit-scrollbar-thumb:hover': {
background: '#555',
},
}}
>
{/* 事件列表 */}
{events && events.length > 0 ? (
@@ -162,30 +142,12 @@ const VerticalModeLayout = React.memo(({
)}
</Box>
{/* 右侧:事件详情 - 独立滚动 - 移动端隐藏 */}
{/* 右侧:事件详情 - 移动端隐藏 */}
{!isMobile && (
<Box
flex={rightFlex}
minHeight={0}
position="relative"
overflow="auto"
h="100%"
css={{
overscrollBehavior: 'contain',
'&::-webkit-scrollbar': {
width: '6px',
},
'&::-webkit-scrollbar-track': {
background: 'transparent',
},
'&::-webkit-scrollbar-thumb': {
background: 'rgba(136, 136, 136, 0.5)',
borderRadius: '3px',
},
'&::-webkit-scrollbar-thumb:hover': {
background: 'rgba(136, 136, 136, 0.8)',
},
}}
>
{/* 详情面板 */}
<EventDetailScrollPanel

View File

@@ -101,7 +101,9 @@ const RelatedEventsModal = ({
transition: "all 0.2s",
}}
onClick={() => {
window.open(`/community?event_id=${event.event_id}`, "_blank");
// 事件 ID 需要转换为 Base64 编码格式ev-{id} -> Base64
const encodedId = btoa(`ev-${event.event_id}`);
window.open(`/event-detail?id=${encodedId}`, "_blank");
}}
onMouseEnter={(e) => {
e.currentTarget.style.background = "rgba(40,40,70,0.9)";

View File

@@ -54,7 +54,9 @@ const RelatedEventsModal: React.FC<RelatedEventsModalProps> = memo(
const handleEventClick = useCallback(
(event: RelatedEvent) => {
onClose();
navigate(`/community?event_id=${event.event_id}`);
// 事件 ID 需要转换为 Base64 编码格式ev-{id} -> Base64
const encodedId = btoa(`ev-${event.event_id}`);
navigate(`/event-detail?id=${encodedId}`);
},
[navigate, onClose]
);