Fuelwx/pages/payStatus/payStatus.wxml

<view class="container" wx:if="{{id === 1}}" style="position: relative; left: 0rpx; top: 0rpx">
  <!-- 动画区域 -->
  <view style="position: relative; left: 0rpx; top: 204rpx">
    <view class="loading-circle" style="position: relative; left: 0rpx; top: 18rpx"></view>
  </view>
  <!-- 文本区域 -->
  <view>
    <view class="title" style="width: 122rpx; display: block; box-sizing: border-box; position: relative; left: 25rpx; top: -220rpx">授权中</view>
    <view class="sub-title" style="position: relative; left: 0rpx; top: -195rpx; width: 170rpx; display: block; box-sizing: border-box; height: 50rpx">请勿退出页面</view>
  </view>
        <!-- 底部链接区域 -->
        <view class="bottom-links" style="position: relative; left: 192rpx; top: -12rpx">
    <text style="height: 56rpx; display: block; box-sizing: border-box; left: 0rpx; top: 0rpx; position: relative; width: 150rpx">客服帮助</text>
    <text style="width: 72rpx; height: 56rpx; display: block; box-sizing: border-box; position: relative; left: -34rpx; top: 0rpx">|</text>
    <text style="position: relative; left: -70rpx; top: 0rpx; width: 218rpx; display: block; box-sizing: border-box; height: 56rpx">隐私政策等</text>
</view>
</view>


  <view class="page-container" wx:if="{{id === 2}}" style="position: relative; left: 0rpx; top: -39rpx">
  <!-- 图标部分 -->
  <view class="fail-icon-box">
    <view class="orange-circle" style="position: relative; left: 0rpx; top: 154rpx">
      <text class="close-icon" style="position: relative; left: 0rpx; top: 0rpx; height: 225rpx; display: block; box-sizing: border-box">×</text>
    </view>
  </view>
  <!-- 提示文本部分 -->
  <view class="prompt-text-area">
    <text class="fail-title" style="position: relative; left: 0rpx; top: 143rpx">支付失败</text>
  </view>
  <!-- 操作按钮部分 -->
  <view class="action-button-section">
    <button class="retry-pay-btn" style="position: relative; left: 0rpx; top: 241rpx; width: 522rpx; display: block; box-sizing: border-box">重新支付</button>
  </view>
        <!-- 底部链接区域 -->
        <view class="bottom-links" style="position: relative; left: 130rpx; top: -15rpx">
    <text style="height: 56rpx; display: block; box-sizing: border-box; left: 86rpx; top: -26rpx; position: relative; width: 212rpx">客服帮助</text>
    <text style="width: 72rpx; height: 56rpx; display: block; box-sizing: border-box; position: relative; left: -20rpx; top: -29rpx">|</text>
    <text style="position: relative; left: -57rpx; top: -29rpx; width: 212rpx; display: block; box-sizing: border-box; height: 56rpx">隐私政策等</text>
</view>
</view>

<view class="a" wx:if="{{id === 3}}" style="position: relative; left: 0rpx; top: 0rpx">
  <!-- 图标区域 -->
  <view class="b" style="position: relative; left: 0rpx; top: 95rpx">
    <view class="c">
      <text class="d">√</text>
    </view>
  </view>
  <!-- 提示文本区域 -->
  <view class="e">
    <text class="f" style="position: relative; left: 0rpx; top: -108rpx">授权成功</text>
  </view>
  <view class="g">
    <text class="h" style="position: relative; left: 0rpx; top: -226rpx">请在两分钟内提枪加油</text>
  </view>
  <!-- 倒计时区域 -->
  <view class="i" style="position: relative; left: 0rpx; top: -388rpx; width: 556rpx; height: 100rpx; display: block; box-sizing: border-box">
    <view class="k" style="width: {{progressWidth}}%; position: relative; left: -58rpx; top: 0rpx"></view>
      <text class="countdown-text" style="position: absolute; left: 85rpx; top: -105rpx; width: 368rpx; height: 291rpx; display: flex; box-sizing: border-box">{{currentSeconds}}s</text>
  </view>
        <!-- 底部链接区域 -->
        <view class="bottom-links" style="position: relative; left: 57rpx; top: -15rpx">
    <text style="height: 56rpx; display: block; box-sizing: border-box; left: 148rpx; top: -57rpx; position: relative; width: 186rpx">客服帮助</text>
    <text style="width: 72rpx; height: 56rpx; display: block; box-sizing: border-box; position: relative; left: 77rpx; top: -57rpx">|</text>
    <text style="position: relative; left: 40rpx; top: -57rpx; width: 186rpx; display: block; box-sizing: border-box; height: 56rpx">隐私政策等</text>
</view>
</view>


<view class="a" wx:if="{{id === 4}}" style="position: relative; left: 0rpx; top: 0rpx">
  <!-- 图标区域 -->
  <view class="b" style="position: relative; left: 0rpx; top: 95rpx">
    <view class="c">
      <text class="d">√</text>
    </view>
  </view>
  <!-- 提示文本区域 -->
  <view class="e">
    <text class="f" style="position: relative; left: 0rpx; top: -160rpx">加油中</text>
  </view>
  <view class="button-container">
  <button class="check-order-btn" style="position: relative; left: 2rpx; top: -266rpx; width: 464rpx; display: block; box-sizing: border-box; height: 83rpx">查看订单</button>
  <button class="complete-btn" style="position: relative; left: 0rpx; top: -254rpx; width: 468rpx; display: block; box-sizing: border-box; height: 83rpx">完成</button>
</view>
      <!-- 底部链接区域 -->
      <view class="bottom-links" style="position: relative; left: 180rpx; top: -12rpx">
    <text style="height: 56rpx; display: block; box-sizing: border-box; left: 12rpx; top: -62rpx; position: relative; width: 120rpx">客服帮助</text>
    <text style="width: 72rpx; height: 56rpx; display: block; box-sizing: border-box; position: relative; left: 12rpx; top: -62rpx">|</text>
    <text style="position: relative; left: -34rpx; top: -62rpx; width: 174rpx; display: block; box-sizing: border-box; height: 56rpx">隐私政策等</text>
</view>
</view>

<view class="page-container" wx:if="{{id === 5}}" style="position: relative; left: 0rpx; top: -37rpx">
  <!-- 图标部分 -->
  <view class="fail-icon-box">
    <view class="orange-circle" style="position: relative; left: 0rpx; top: 154rpx">
      <text class="close-icon" style="position: relative; left: 0rpx; top: 0rpx; height: 225rpx; display: block; box-sizing: border-box">×</text>
    </view>
  </view>
  <!-- 提示文本部分 -->
  <view class="prompt-text-area">
    <text class="fail-title" style="position: relative; left: 0rpx; top: 143rpx">授权失败</text>
  </view>
  <view class="g">
    <text class="h" style="position: relative; left: 0rpx; top: 87rpx">已超时，请重新扫码</text>
  </view>
  <!-- 操作按钮部分 -->
  <view class="action-button-section">
    <button class="retry-pay-btn" style="position: relative; left: 0rpx; top: 150rpx; width: 522rpx; display: block; box-sizing: border-box">重新扫码</button>
  </view>
      <!-- 底部链接区域 -->
      <view class="bottom-links" style="position: relative; left: 24rpx; top: 0rpx">
    <text style="height: 56rpx; display: block; box-sizing: border-box; left: 200rpx; top: -55rpx; position: relative; width: 104rpx">客服帮助</text>
    <text style="width: 72rpx; height: 56rpx; display: block; box-sizing: border-box; position: relative; left: 201rpx; top: -55rpx">|</text>
    <text style="position: relative; left: 164rpx; top: -55rpx; width: 138rpx; display: block; box-sizing: border-box; height: 55rpx">隐私政策等</text>
</view>
</view>