fohow_xcx/pages/pay/pay.wxml

<view class="app app-bg">
  <view class="pay-address" wx:if="{{selectaddress && address !== null}}">
    <navigator url="/packageUser/pages/user/address/address">
    <view class="pay-font">
      <text class="fl">收件人: {{address.contact}}</text>
      <text class="fr">{{address.tel}}</text>
      <view class="clean"></view>
    </view>
    <view  class="pay-font">
      <text>收件地址：{{address.province}}{{address.city}}{{address.district}}{{address.address}}</text>
    </view>
    <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/arrow_right.jpg" class="pay-arrowR"></image>
    </navigator>
  </view>

  <view class="pay-address" wx:if="{{!selectaddress}}">
  	<!--<navigator url="/packageUser/pages/user/newAddress/newAddress" class="pay-address-add">点击新增地址</navigator>-->
    <navigator url="/packageUser/pages/user/address/address" class="pay-address-add">点击选择收货地址</navigator>
  </view>

  <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/border.jpg" class="pay-border"></image>

  <view class="pay-project" wx:for="{{project}}" wx:id="id">
    <view class="pay-project-content">
      <image class="pay-project-img" src="{{item.cover}}"></image>
      <view class="pay-project-info">
        <text class="pay-project-title ellipsisLn">{{item.name}}</text>
        <text class="pay-project-spec" wx:if="{{item.color_name || item.size_name}}">规格:{{item.color_name}} {{item.size_name}}</text>
        <view class="product-info">
          <view class="pay-project-price fl">
            <currency symbol="￥" value="{{item.price}}"/>
            <!-- <text wx:if="{{balanceInfo.total}}"> 或 {{item.price}}代金券</text>
            <text wx:if="{{balanceInfo.dc_total && item.mall_balance_price}}"> 或 {{item.mall_balance_price}}代金券</text> -->
            <!-- <currency symbol="￥" value="{{item.price}}" wx:if="{{curPayway==='weixinpay'}}"></currency>
            <text class="pay-gray" wx:if="{{curPayway==='balance'}}"> {{item.price}}代金券</text> -->
          </view>
          <view class="fr product-count">
            x{{item.order_count}}
          </view>
          <view class="clean"></view>
        </view>
      </view>
      <view class="clean"></view>
    </view>

    <!-- <view class="pay-count">
      <text class="pay-count-word">认购数量</text>
      <view class="pay-count-select">
        <button>-</button>
        <input type="number" value="1" />
        <button>+</button>
      </view>
      <view class="clean"></view>
    </view> -->
  </view>
  
  <!-- 使用代金券兑换 -->
  <!-- <view class="pay-module">
    <text class="pay-title">代金券抵扣</text>
    <view class="pay-integral fl">
      <view class="pay-integral-info">
        <view class="block pay-mb">可用
        <text class="red">{{project.price * payData.count}}</text>
          代金券抵扣<currency symbol="￥" value="{{project.price * payData.count}}" class="red"></currency>
        </view>
        <view class="gray" wx:if="{{balanceInfo.total - project.price * payData.count >= 0}}">(抵扣后剩余{{balanceInfo.total - project.price * payData.count}}代金券)</view>
        <view class="red" wx:if="{{balanceInfo.total - project.price * payData.count < 0}}">(代金券不足以兑换)</view>
      </view>
    </view>
    <view class="fr pay-checked">
      <checkbox-group bindchange="checkboxChange">
        <checkbox checked="{{useRadishSelect}}" value="{{useRadishSelectVal}}" />
      </checkbox-group>
    </view>
    <view class="clean"></view>
  </view> -->

  <view class="pay-module pay-mt">
    <text class="pay-title">支付方式</text>
    <view class="pay-payway">

      <view class="pay-payway-item" bindtap="selectClick" data-payway="weixinpay">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/wxpay.jpg" bindtap="selectClick" data-payway="weixinpay"></image>
          <text bindtap="selectClick" data-payway="weixinpay">微信支付</text>
        </view>
        <view class="fr pay-balance-cash" bindtap="selectClick" data-payway="weixinpay">
          <text class="pay-circle" bindtap="selectClick" data-payway="weixinpay">
            <text class="pay-select" wx:if="{{curPayway === 'weixinpay'}}"></text>
          </text>
        </view>
        <view class="clean"></view>
      </view>
		  
<!--
      <view class="pay-payway-item" wx:if="{{balanceInfo.total && !payData.product.robo_balance_price}}">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/luobopay.jpg"></image>
          <text>代金券支付</text>
        </view>
        <view class="fr pay-balance-cash">
          <text>该商品不支持代金券支付</text>
        </view>
        <view class="clean"></view>
      </view>
-->
	<view class="pay-payway-item" wx:if="{{payData.order_type != 1 && balanceInfo.total}}">
		<view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/luobopay.jpg" bindtap="selectClick" data-payway="balance"></image>
          <text bindtap="selectClick" data-payway="balance">代金券抵扣 （剩余：{{balanceInfo.total / 100}}）</text>
        </view>
        <view class="fr pay-balance-cash">
          <switch checked bindchange="switchChange" color="#eab86a" style="zoom:0.75"/>
        </view>
	</view>
<!--
      <view class="pay-payway-item" wx:if="{{payData.order_type != 1 && balanceInfo.total}}" bindtap="selectClick" data-payway="balance">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/luobopay.jpg" bindtap="selectClick" data-payway="balance"></image>
          <text bindtap="selectClick" data-payway="balance">代金券支付</text>
        </view>
        <view class="fr pay-balance-cash" bindtap="selectClick" data-payway="balance">
          <text bindtap="selectClick" data-payway="balance">剩余：{{balanceInfo.total / 100}}代金券</text>
          <text class="pay-circle" bindtap="selectClick" data-payway="balance">
            <text class="pay-select" wx:if="{{curPayway === 'balance'}}"></text>
          </text>
        </view>
        <view class="clean"></view>
      </view>
-->
      <view class="pay-payway-item" wx:if="{{balanceInfo.dc_total && !payData.product.mall_balance_price}}">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/d5cpay.jpg"></image>
          <text>第五创代金券</text>
        </view>
        <view class="fr pay-balance-cash">
          <text>该商品不支持代金券支付</text>
        </view>
        <view class="clean"></view>
      </view>

      <view class="pay-payway-item" wx:if="{{balanceInfo.dc_total && payData.product.mall_balance_price}}" bindtap="selectClick" data-payway="integral">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/d5cpay.jpg" bindtap="selectClick" data-payway="integral"></image>
          <text bindtap="selectClick" data-payway="integral">第五创代金券</text>
        </view>
        <view class="fr pay-balance-cash" bindtap="selectClick" data-payway="integral">
          <text bindtap="selectClick" data-payway="integral">剩余：{{balanceInfo.dc_total}}代金券</text>
          <text class="pay-circle" bindtap="selectClick" data-payway="integral">
            <text class="pay-select" wx:if="{{curPayway === 'integral'}}"></text>
          </text>
        </view>
        <view class="clean"></view>
      </view>

      <!-- <view class="pay-payway-item">
        <view class="pay-payway-balance fl">
          <image class="pay-icon" src="../../images/pay/llpay.jpg"></image>
          <text>连连支付</text>
        </view>
        <view class="fr pay-balance-cash">
          <text class="pay-circle"></text>
        </view>
        <view class="clean"></view>
      </view> -->


	  <view class="yunfei" wx:if="{{total<9900}}">
		 订单小于99元,还需支付<text style="color:#F00">{{yunfei / 100}}</text> 元运费
	  </view>
	  <view class="yunfei" wx:if="{{total>=9900}}">
		订单已满99元以上(含99元)免除运费
	  </view>
	  
	  <view wx:if="{{useBalance}}" style="padding:15rpx;text-align:right">
	  	使用代金券抵扣 <text style="color:#F00">-{{balanceInfo.total - total+yunfei >= 0 ? (total+yunfei) / 100 : balanceInfo.total / 100}}</text> 代金券
	  </view>
    </view>
  </view>
  

  <view class="pay-footer">
    <view class="pay-footer-bar">
      <view class="pay-footer-item">
        应付：
        <!-- <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total > 0}}" symbol="￥" value="{{payData.total_price - balanceInfo.total}}" class="red"></currency>
        <currency wx:if="{{!useRadishSelect}}" symbol="￥" value="{{payData.total_price}}" class="red"></currency>
        <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total <= 0}}" symbol="￥" value="0" class="red"></currency> -->
        
        
        <currency wx:if="{{useBalance}}" symbol="￥" value="{{afterdec}}" class="red"></currency>
        <currency wx:else symbol="￥" value="{{total+yunfei}}" class="red"></currency>
        
        <text class="red" wx:if="{{curPayway === 'balance'}}">{{(total+yunfei) / 100}}<currency value="{{total}}" class="red"></currency>代金券</text>
        <text class="red" wx:if="{{curPayway === 'integral'}}">{{(total+yunfei) / 100}}代金券</text>
      </view>
      <form bindsubmit="toPay" report-submit="{{true}}" class="pay-footer-item2">
      <button formType="submit" class="pay-footer-botton" disabled="{{payFlag}}">
        立即支付
      </button>
      </form>
    </view>
  </view>
</view>

<view wx:if="{{pwdDialog}}">
  <view class="pay-panel">
    <view class="pay-panel-title">立即支付</view>
    <view>
      <input type="password" bindinput="inputPwd" placeholder="请输入交易密码" class="pay-panel-input" />
    </view>
    <view class="pay-panel-footer">
      <text class="pay-panel-cancel" bindtap="cancelDialog">取消</text>
      <text class="pay-panel-confirm" bindtap="pay">确定</text>
    </view>
  </view>
  <view class="pay-dialog"></view>
</view>

<!-- 弹框 -->
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
<view class="modal-dialog" wx:if="{{showModal}}">
  <view class="modal-content1">
    <view>
      <image wx:if="{{curPayway === 'balance'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:120rpx;height:120rpx;margin:0 auto;display:block;"></image>
      <image wx:if="{{curPayway === 'integral'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/d5cpay.jpg" style="width:120rpx;height:120rpx;margin:0 auto;display:block;border-radius: 50%;"></image>
    </view>
    <view class="modal-span">还差<text class="modal-count">{{luoboCount}}</text><text wx:if="{{curPayway === 'balance'}}">代金券</text><text wx:if="{{curPayway === 'integral'}}">代金券</text></view>
    <view class="modal-span1">您可通过如下操作<text wx:if="{{curPayway === 'balance'}}">完成兑换</text></view>
  </view>
  <view class="modal-footer1">
    <view class="btn-confirm" bindtap="onConfirm" data-status="confirm" wx:if="{{curPayway === 'balance'}}">前往代金券兑换代金券</view>
    <view class="btn-confirm" bindtap="onConfirm1" data-status="confirm" wx:if="{{curPayway === 'balance'}}">购买代金券( {{countMoney}} )元</view>
    <view class="btn-confirm" bindtap="onConfirm2" data-status="confirm" wx:if="{{curPayway === 'integral'}}">获取更多第五创代金券</view>
    <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  </view>
</view>

<!--
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
<view class="modal-dialog" wx:if="{{showModal}}">
  <view class="modal-title">代金券不足</view>
  <view class="modal-content">
    <view>
      <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:215rpx;height:215rpx;margin:0 auto;display:block;"></image>
    </view>
    <view class="modal-span">立即前往汇兑页获取代金券</view>
  </view>
  <view class="modal-footer">
    <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
    <view class="btn-confirm" bindtap="onConfirm" data-status="confirm">前往兑换</view>
  </view>
</view>
-->