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 class="btn" bindtap="showPassword" 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 30rpx;">
        <view class="btn" style="margin:0 100rpx" bindtap="closeTipMask">确认{{showTipMaskSecond<=0?'':'（'+showTipMaskSecond+'s）'}}</view>
        <view style="padding:30rpx 60rpx 0rpx;color: #d62828;font-size: 22rpx;font-weight: bold;">数币红包可使用1000元旅游红包，1000元购物红包无法在本平台使用</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>


<view class="mask" style="align-items:flex-end" wx:if="{{SBMask}}">
  <view class="mask-bg"></view>
  <view class="mask-content" style="text-align:center;width:100%;border-radius:0;min-height: 500rpx;padding: 46rpx 26rpx;">
    <view class="password-title">
      <view>{{haveSBPassword?'输入':'设置'}}支付密码</view>
      <view class="iconfont icon-close" style="position: absolute;right: 0;top: 4rpx;" bindtap="hideSBMask"></view>
    </view>

    <view wx:if="{{haveSBPassword}}">
        <view class="passward-box-container">
            <input type="number" value="{{vcode}}" password="true" maxlength="6" focus="{{isFoucs}}" 
            bindinput="passwordChange"  class="passward-box"   cursor-spacing="100"/>

            <input type="number" password="true" class="show-code" wx:for="{{6}}" disabled 
            wx:key="index" value="{{vcode[index]}}" catch:tap="handleFoucs"/>
        </view>
        
        <view class="resetPassword">
            <navigator url="/subPackages/password/setting/setting?type=reset">忘记密码</navigator>
        </view>
    </view>

    <view wx:else style="min-height: {{inputAreaHeight}}px;">
        <view class="bind-box" >
            <view class="bind-item" >
            <view class="bind-item-left">手机号</view>
            <input type="number" bindinput="inputChange" bindfocus="inputfocus" bindblur="inputblur" value="{{inputData.phone}}"  data-keyname="phone" class="weui-input" disabled placeholder="请输入您的手机号" />
            </view>
            <view class="bind-item" >
            <view class="bind-item-left">验证码</view>
            <input type="number" bindinput="inputChange" bindfocus="inputfocus" bindblur="inputblur"  data-keyname="code" class="weui-input" placeholder="请输入验证码" />
            <button class="vaild-number" type="primary" size="mini" bindtap="getCode">{{buttonText}}</button>
            </view>

            <view class="bind-item" >
                <view class="bind-item-left">设置支付密码</view>
                <input type="number" password="true" maxlength="6" bindfocus="inputfocus" bindblur="inputblur"  bindinput="inputChange" data-keyname="password" class="weui-input" placeholder="请设置您的支付密码" />
            </view>
            <view class="bind-item">
            <view class="bind-item-left">再次填写密码</view>
            <input type="number" password="true" maxlength="6" bindfocus="inputfocus" bindblur="inputblur"  bindinput="inputChange" data-keyname="confirmPassword"  class="weui-input" placeholder="再次填写您的支付密码" />
            </view>
        </view>
        <view class="btn {{canSubmit?'':'disabled'}}" bindtap="submit">确 定</view>
    </view>
    
  </view>
</view>