YD_Event.miniApp/pages/apply/apply.wxml

<view class="apply-page">
  <mp-navigation-bar title="报名" background-color="#ffffff" color="#333" bind:click-left="onBack" left-arrow></mp-navigation-bar>
  <!-- 未登录 -->
  <view wx:if="{{!loggedIn}}" class="not-login">
    <text class="not-login-tip">登录后才能提交报名信息</text>
    <button class="go-login-btn" bindtap="onGoMineLogin">去登录</button>
  </view>
  <!-- 已登录 -->
  <block wx:else>
    <scroll-view class="scroll" scroll-y>
      <!-- 项目分组列表 -->
      <view class="project-card" wx:for="{{projectGroups}}" wx:key="projectId">
        <!-- 项目标题行 -->
        <view class="project-head">
          <view class="project-tag">项目{{item.index}}</view>
          <text class="project-name">{{item.projectName}}</text>
        </view>
        <view class="divider"></view>
        <!-- 组别标签 -->
        <view class="group-tags">
          <view wx:for="{{item.groups}}" wx:for-item="group" wx:key="groupId" class="group-tag {{group.selected ? 'selected' : ''}}" bindtap="onGroupTap" data-project-id="{{item.projectId}}" data-group-id="{{group.groupId}}">
            {{group.groupName}}｜
              {{group.ageRequirement}}｜
              {{group.genderRequirementText}}
            <!-- {{group.ageRange || ''}}｜{{group.gender || ''}} -->
          </view>
        </view>
      </view>
      <!-- 优惠券 -->
      <view class="coupon-row">
        <input class="coupon-input" placeholder="请输入优惠卷兑换码" placeholder-class="coupon-placeholder" value="{{couponCode}}" bindinput="onCouponInput" />
        <button class="coupon-btn" bindtap="onValidateCoupon">验证</button>
      </view>
      
      <!-- 金额显示 -->
      <view class="price-section">
        <view wx:if="{{discountPrice > 0}}" class="price-row">
          <text class="price-label">原价：</text>
          <text class="original-price">¥{{originalPrice}}</text>
        </view>
        <view wx:if="{{discountPrice > 0}}" class="price-row">
          <text class="price-label">优惠：</text>
          <text class="discount-price">-¥{{discountPrice}}</text>
        </view>
        <view class="price-row total">
          <text class="price-label">合计：</text>
          <text class="total-price">¥{{totalPrice}}</text>
        </view>
      </view>
      
      <!-- 底部占位，避免被 bottom-bar 遮挡 -->
      <view style="height: 200rpx;"></view>
    </scroll-view>
    <!-- 底部支付按钮 -->
    <view class="bottom-bar">
      <!-- <button class="btn-offline" bindtap="onPayOffline" loading="{{submitting}}">线下支付</button> -->
      <button class="btn-online" bindtap="onPayOnline" loading="{{submitting}}">
        <view wx:if="{{discountPrice > 0}}" class="price-display">
          <text class="small-price">¥{{originalPrice}}</text>
          <text class="main-price">¥{{totalPrice}}</text>
        </view>
        <view wx:else class="price-display">
          <text class="main-price">¥{{totalPrice}}</text>
        </view>
        <text class="btn-text">线上支付</text>
      </button>
    </view>
  </block>
</view>