微信支付

yiming

2024-03-25 ecabd20b3dfbd956dad14ffb6ba3dc2efcfdd7c1

 pages/cart/paymentPage/index.wxml

@@ -11,34 +11,21 @@

<view class="paymentPageBox">
  <view class="content">
    <t-dialog visible="{{showCloseBtn}}" close-btn bind:confirm="closeDialog" bind:cancel="closeDialog">
      <view slot="content" class="slotContent">
        <view class="myQrcodeBox">
          <canvas style="width: 200px; height: 200px;margin:0 auto" canvas-id="myQrcode"></canvas>
          <view class="myQrcodeTextBox">微信扫码支付</view>
        </view>
      </view>
    </t-dialog>

    <view class="shoppingCartList">
      <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="imageBox">
          <image src="{{item.paymentIcon }}" mode="aspectFill" />
        </view>

        <view class="cartListContent">


          <view class="cartListDetails">
            <view class="labelBox">
              <view class="eBook" wx:if="{{type == 'product'}}">电子书</view>
              <view wx:if="{{type == 'item'}}" class="cloudLearning">云学习</view>
            </view>

            <view class="boosName">
              {{item.orderSaleMethod.product.name}}
            </view>

          </view>
          <view class="textBox" wx:if="{{type == 'product'}}">图书服务-电子书</view>
          <view class="textBox" wx:if="{{type == 'item'}}">图书服务-云学习</view>
@@ -49,11 +36,11 @@
    <view class="priceBreakdown">
      <view class="priceBreakdownContent">价格明细</view>
      <view class="amountMoney">
        <view>商品金额</view>
        <view>￥{{payPrice}}</view>
        <view class="commodityBox">商品金额</view>
        <view class="payPriceBox">￥{{payPrice}}</view>
      </view>
      <view class="amount">
        <view>合计：￥{{payPrice}}</view>
        <view> <text>合计： </text> ￥{{payPrice}}</view>
      </view>
    </view>

@@ -62,7 +49,7 @@
  <view class="paymentBox">
    <view class="residue">待支付：<text class="residueTextBox">￥{{payPrice}}</text></view>
    <view>
      <t-button class="buttonBox" shape="round" bind:tap="confirmOrderGet">微信支付</t-button>
      <t-button class="buttonBox" shape="round" catch:tap="confirmOrderGet">微信支付</t-button>
    </view>
  </view>
</view>