..

frontend/src/pages/activity/registration-form/index.vue

@@ -63,6 +63,8 @@
 <!--          </t-form-item>-->
 <!--        </view>-->
 
+
+
         <view class="form-block">
           <view class="form-block-title">
             <t-icon name="usergroup"></t-icon>
@@ -206,6 +208,26 @@
       </view>
     </view>
   </t-popup>
+
+  <!-- 重要提醒弹窗 -->
+  <t-popup v-model:visible="noticePopupVisible" placement="center" :close-on-overlay-click="true">
+    <view class="notice-popup">
+      <view class="notice-popup-header">
+        <view class="notice-popup-icon">
+          <t-icon name="info-circle" size="24px" color="#ff6b35"></t-icon>
+        </view>
+        <text class="notice-popup-title">重要提醒</text>
+      </view>
+      <view class="notice-popup-content">
+        <text class="notice-popup-text">请务必准确填写手机号码和身份证号码，信息有误将导致现场签到失败，影响您的正常使用。</text>
+      </view>
+      <view class="notice-popup-footer">
+        <t-button theme="primary" block @click="closeNoticePopup" class="notice-btn">
+          我知道了
+        </t-button>
+      </view>
+    </view>
+  </t-popup>
 </template>
 
 <script setup>
@@ -338,6 +360,9 @@ const countdownTimer = ref(null)
 const canConfirmAgreement = ref(false)
 const agreementContent = ref(null)
 
+// 重要提醒弹窗相关
+const noticePopupVisible = ref(false)
+
 onLoad(async (option) => {
   if (option.id) {
     actId.value = option.id
@@ -359,6 +384,10 @@ onLoad(async (option) => {
         isStay: null
       })
     }
+    // 页面加载完成后自动显示重要提醒弹窗
+    setTimeout(() => {
+      showNoticePopup()
+    }, 500)
   } else {
     Toast({message: 'ID不存在', theme: 'error'});
   }
@@ -584,6 +613,16 @@ function showAgreementPopup() {
   })
 }
 
+// 显示重要提醒弹窗
+function showNoticePopup() {
+  noticePopupVisible.value = true
+}
+
+// 关闭重要提醒弹窗
+function closeNoticePopup() {
+  noticePopupVisible.value = false
+}
+
 </script>
 
 <style scoped lang="less">
@@ -800,6 +839,61 @@ function showAgreementPopup() {
   }
 }
 
+/* 重要提醒弹窗样式 */
+.notice-popup {
+  width: 85vw;
+  max-width: 320px;
+  background-color: #fff;
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.notice-popup-header {
+  padding: 24px 20px 16px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.notice-popup-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #fff5f0 0%, #ffeee6 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.notice-popup-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.notice-popup-content {
+  padding: 0 20px 24px;
+}
+
+.notice-popup-text {
+  font-size: 15px;
+  line-height: 1.6;
+  color: #666;
+  text-align: center;
+}
+
+.notice-popup-footer {
+  padding: 0 20px 20px;
+}
+
+.notice-btn {
+  border-radius: 8px;
+  font-weight: 500;
+}
+
 .form-fields-container {
   animation: fadeIn 0.3s ease;
 }