添加周年庆装饰；解决addrecordAPI接口问题

src/views/zhongchou/index.vue

@@ -22,6 +22,8 @@
                 <div class="stock-content">
                     <div class="stock-card us-card">
                         <div class="card-content us-content">
+                            <!-- 周年庆装饰元素 -->
+                            <div class="anniversary-decoration"></div>
                             <div class="progress-section">
                                 <div class="progress-bar">
                                     <div class="progress-fill"></div>
@@ -107,7 +109,7 @@
                 <div class="modal-background">
                     <div class="modal-text">
                         <div class="rules-list">
-                            <p>1. 活动时间为2025年7月26日-2025年8月5日。</p>
+                            <p>1. 活动时间为{{ activityPeriod }}。</p>
                             <p>2. 每人每天每个活动可以参与一次。</p>
                             <p>3. 初始时间为15分钟，每一百人参与助力，即可扣减一分钟！</p>
                             <p>4. 助力成功后，对应股票市场将开放实时数据！</p>
@@ -308,8 +310,8 @@ const handleBoostClick = async (area) => {
         try {
             // 调用助力API
             const response = await addRecordAPI({
-                "activityId": 40,
-                "marketSign": 8
+                "activityId": 41,//需要动态获取，没有上线前问后端要id
+                "marketSign": 5
             });
 
             if (response.code === 200) {
@@ -570,7 +572,7 @@ const hideRules = () => {
     position: absolute;
     z-index: 10;
     /* 位置调整到美股卡片右边，确保不覆盖 */
-    top: 50%;
+    top: 35%;
     /* 垂直居中 */
     left: calc(50% + 25vw);
     /* 美股卡片右边位置，增加间距 */
@@ -594,6 +596,30 @@ const hideRules = () => {
 /* 美股卡片背景 */
 .us-card {
     background-image: url('@/assets/img/zhongchou/美股.png');
+    position: relative;
+    /* 确保子元素可以相对于它进行绝对定位 */
+}
+
+/* 周年庆装饰元素 */
+.anniversary-decoration {
+    position: absolute;
+    right: -150px;
+    bottom: -90px;
+    width: 30vw;
+    /* 调整宽度 */
+    height: 30vh;
+    /* 调整高度 */
+    background-image: url('@/assets/img/zhongchou/周年庆装饰.png');
+    /* 图片名称中有空格 */
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    z-index: 100;
+    /* 确保浮现于最上层 */
+    animation: float 3s ease-in-out infinite;
+    /* 添加浮动动画 */
+    pointer-events: none;
+    /* 确保不会影响鼠标事件 */
 }
 
 /* 港股卡片背景 */
@@ -968,6 +994,18 @@ const hideRules = () => {
 } */
 
 @media (max-width: 768px) {
+    
+    /* 平板端周年庆装饰元素 */
+    .anniversary-decoration {
+        width: 40vw;
+        /* 调整手机版宽度 */
+        height: 40vh;
+        /* 调整手机版高度 */
+        right: -20px;
+        bottom: -100px;
+        background-image: url('@/assets/img/zhongchou/手机周年庆装饰.png');
+        /* 需要准备此图片资源 */
+    }
     .main-title img {
         max-height: 60px;
     }
@@ -1103,6 +1141,18 @@ const hideRules = () => {
         background-image: url('@/assets/img/zhongchou/手机组2.png');
     }
 
+    /* 手机端周年庆装饰元素 */
+    .anniversary-decoration {
+        width: 60vw;
+        /* 调整手机版宽度 */
+        height: 60vh;
+        /* 调整手机版高度 */
+        right: 5px;
+        bottom: -210px;
+        background-image: url('@/assets/img/zhongchou/手机周年庆装饰.png');
+        /* 需要准备此图片资源 */
+    }
+
     .activity-period {
         display: none;