报名表单

frontend/src/pages/activity/Detail.jsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { motion, useScroll, useTransform } from 'framer-motion';
-import { ArrowLeftOutlined, ShareAltOutlined, CalendarOutlined, ClockCircleOutlined, EnvironmentOutlined, UserOutlined, UploadOutlined } from '@ant-design/icons';
+import { ArrowLeftOutlined, ShareAltOutlined, CalendarOutlined, ClockCircleOutlined, EnvironmentOutlined, UserOutlined, UploadOutlined, PayCircleOutlined } from '@ant-design/icons';
 import confetti from 'canvas-confetti';
 import { message, Spin, Button, Result, Modal, Form, Input, Select, Radio, Checkbox, Upload } from 'antd';
 import { getActivityDetail, signUpActivity, queryOrderStatus } from '../../api';
@@ -316,6 +316,10 @@ const ActivityDetail = () => {
                <UserOutlined />
                <span>{activity.current_signups || 0} / {activity.max_participants} 已报名</span>
              </div>
+             <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+               <PayCircleOutlined />
+               <span>{activity.is_paid ? `¥${activity.price}` : '免费'}</span>
+             </div>
           </div>
           
           <div style={{ display: 'flex', gap: 10 }}>