test/pages/order/pay/index.wxml

<!--pages/order/pay/index.wxml-->
<title title="收银台"></title>
<view class="tip-box" wx:if="{{info}}">
  <view>支付剩余时间</view>
  <view class="tip-time">{{minute}}:{{second}}</view>
  <view class="tip-price">
    <text>应付金额：</text>
    <view class="price">¥{{info.paid_money/100}}</view>
  </view>
</view>
<view class="pay-methods-box" wx:if="{{activePay}}">
  <view>支付方式：</view>
  <view class="pay-method" bindtap="changePayMethod" data-index="-1" wx:if="{{wxPay}}">
    <view class="iconfont icon-weixin1"></view>
    <view class="method-name">微信支付</view>
    <view class="iconfont {{payIndex==-1?'icon-iconfontoptionbutton':'icon-quan'}}"></view>
  </view>
  <view class="pay-method" wx:if="{{payList.length>0 && SUBWALLET}}" style="border-top:1rpx solid #ccc" bindtap="changePayMethod" data-index="1">
    <image src="https://test.m.cloud.sz-trip.com/static/images/numLogo.png" mode="aspectFill"></image>
    <view class="method-name">数字人民币</view>
    <view class="iconfont {{payIndex==1?'icon-iconfontoptionbutton':'icon-quan'}}"></view>
  </view>
  <view class="pay-method" wx:else style="border-top:1rpx solid #ccc" data-index="1">
    <image src="https://static.ticket.sz-trip.com/xcxImages/numLogo.png" mode="aspectFill"></image>
    <view class="red-num">君到苏州现已支持数字人民币支付，请至数字人民币app中绑定授权</view>
  </view>
</view>

<view class="pay-methods-box" wx:if="{{!activePay}}">
  <view>支付方式：</view>
  <view class="pay-method" bindtap="changePayMethod" data-index="-1" wx:if="{{!isBook}}">
    <view class="iconfont icon-weixin1"></view>
    <view class="method-name">微信支付</view>
    <view class="iconfont {{payIndex==-1?'icon-iconfontoptionbutton':'icon-quan'}}"></view>
  </view>
  <view class="pay-method" wx:if="{{payList.length>0}}" style="border-top:1rpx solid #ccc" bindtap="changePayMethod" data-index="1">
    <image src="https://test.m.cloud.sz-trip.com/static/images/numLogo.png" mode="aspectFill"></image>
    <view class="method-name">数字人民币</view>
    <view class="iconfont {{payIndex==1?'icon-iconfontoptionbutton':'icon-quan'}}"></view>
  </view>
  <view class="pay-method" wx:else style="border-top:1rpx solid #ccc" data-index="1">
    <image src="https://static.ticket.sz-trip.com/xcxImages/numLogo.png" mode="aspectFill"></image>
    <view class="red-num">君到苏州现已支持数字人民币支付，请至数字人民币app中绑定授权</view>
  </view>
</view>
<view class="btn" bindtap="pay">立即付款</view>
<!-- <view class="btn" bindtap="walletPay" wx:else>立即付款</view> -->
<view class="mask" style="align-items:flex-end" wx:if="{{showNumMask}}">
  <view class="mask-bg" bindtap="hideNumMask"></view>
  <view class="mask-content" style="text-align:center;width:100%;border-radius:0">
    <view class="num-pay-top">
      <view style="margin-bottom:20rpx">数字人民币支付</view>
      <view class="price">¥{{info.paid_money/100}}</view>
    </view>
    <view style="margin:0 30rpx" class="pay-method" wx:for="{{payList}}" bindtap="changeNumIndex" data-index="{{index}}">
      <image src="{{item.bank_logo}}" mode="aspectFill"></image>
      <!-- <view class="iconfont icon-weixin1"></view> -->
      <view class="method-name" style="position:relative">
        <text>{{item.bank_name}}</text>
        <text class="carPayTip" wx:if="{{item.isJSYH&&carCouponTip}}">新能源车补专用支付通道</text>
      </view>
      <view class="iconfont {{numIndex==index?'icon-iconfontoptionbutton':'icon-quan'}}"></view>
    </view>
    <view class="btn" bindtap="walletPay" style="margin:25rpx">立即付款</view>
  </view>
</view>


<view class="mask" wx:if="{{showTipMask&&carCouponTip}}">
  <view class="mask-bg"></view>
  <view class="mask-content" style="text-align:center;width:90%;border-radius:10rpx">
    <view class="num-pay-top">
      <view style="margin-bottom:40rpx;font-size: 36rpx;font-weight: bold;">重要提示</view>
      <view style="font-size: 28rpx;font-weight: normal;text-align: left;padding:0 40rpx 20rpx 40rpx;">您购买的以下产品一经下单，不退不改</view>

      <view  style="max-height: 500rpx;overflow-y: auto;color: #666;">
        <view wx:for="{{info.order_product_list}}">
        <view style="text-align: left;padding: 0 40rpx 20rpx;" wx:if="{{item.needTip}}">
            <view>{{item.sku_name}}</view>
            <view wx:if="{{item.sku_model.expired_range_start&&item.sku_model.expired_range_end}}">可用时间：{{item.sku_model.expired_range_start}}至{{item.sku_model.expired_range_end}}</view>
        </view>
        </view>
      </view>
    </view>
    <view style="padding:20rpx 0 60rpx;">
        <view class="btn" style="margin:0 100rpx" bindtap="closeTipMask">确认{{showTipMaskSecond<=0?'':'（'+showTipMaskSecond+'s）'}}</view>

    </view>
      
  </view>
</view>


<view class="mask" wx:if="{{showTipMask&&MTTip}}">
  <view class="mask-bg"></view>
  <view class="mask-content" style="text-align:center;width:90%;border-radius:10rpx">
    <view class="num-pay-top">
      <view style="margin-bottom:40rpx;font-size: 36rpx;font-weight: bold;">重要提示</view>
      <view style="font-size: 28rpx;font-weight: normal;text-align: left;padding:0 40rpx 20rpx 40rpx;">您预订的以下酒店，下单15分钟后不退不改</view>

      <view  style="max-height: 500rpx;overflow-y: auto;color: #666;">
        <view wx:for="{{info.order_product_list}}">
        <view style="text-align: left;padding: 0 40rpx 20rpx;" wx:if="{{item.needTip}}">
            <view>{{item.sku_name}}</view>
            <view wx:if="{{item.sku_model.expired_range_start&&item.sku_model.expired_range_end}}">可用时间：{{item.sku_model.expired_range_start}}至{{item.sku_model.expired_range_end}}</view>
        </view>
        </view>
      </view>
    </view>
    <view style="padding:20rpx 0 60rpx;">
        <view class="btn" style="margin:0 100rpx" bindtap="closeTipMask">确认{{showTipMaskSecond<=0?'':'（'+showTipMaskSecond+'s）'}}</view>

    </view>
      
  </view>
</view>