feat: UI调整

src/views/Community/components/DynamicNewsDetail/EventHeaderInfo.js

@@ -13,14 +13,18 @@ import {
 import { ViewIcon } from '@chakra-ui/icons';
 import moment from 'moment';
 import StockChangeIndicators from '../../../../components/StockChangeIndicators';
+import EventFollowButton from '../EventCard/EventFollowButton';
 
 /**
  * 事件头部信息区组件
  * @param {Object} props
  * @param {Object} props.event - 事件对象
  * @param {Object} props.importance - 重要性配置对象（包含 level, color 等）
+ * @param {boolean} props.isFollowing - 是否已关注
+ * @param {number} props.followerCount - 关注数
+ * @param {Function} props.onToggleFollow - 切换关注回调
  */
-const EventHeaderInfo = ({ event, importance }) => {
+const EventHeaderInfo = ({ event, importance, isFollowing, followerCount, onToggleFollow }) => {
   const sectionBg = useColorModeValue('gray.50', 'gray.750');
   const headingColor = useColorModeValue('gray.700', 'gray.200');
 
@@ -64,12 +68,21 @@ const EventHeaderInfo = ({ event, importance }) => {
         </Box>
       )}
 
-      {/* 第一行：标题 */}
+      {/* 第一行：标题 + 关注按钮 */}
       <Flex align="center" justify="space-between" mb={3} gap={4}>
         {/* 标题 */}
         <Heading size="md" color={headingColor} flex={1}>
           {event.title}
         </Heading>
+
+        {/* 关注按钮 */}
+        <EventFollowButton
+          isFollowing={isFollowing}
+          followerCount={followerCount}
+          onToggle={onToggleFollow}
+          size="sm"
+          showCount={true}
+        />
       </Flex>
       {/* 第二行：浏览数 + 日期 */}
       <Flex align="left" mb={3} gap={4}>