音频播放bug

yiming

2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32

 pages/cart/paymentPage/index.wxml

@@ -1,68 +1,97 @@
<!-- 头部 -->
<view class="titleBox">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </view>
    <view class="navbar-title">提交订单</view>
  </view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<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 hidden="{{hidden}}">

  <view class="titleBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      </view>
    </t-dialog>
      <view class="navbar-title">提交订单</view>
    </view>
  </view>

    <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="paymentPageBox">
    <view class="content">

        <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 class="shoppingCartList">
        <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="imageBox">
            <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFill" />
            <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
          </view>
          <view class="textBox" wx:if="{{type == 'product'}}">图书服务-电子书</view>
          <view class="textBox" wx:if="{{type == 'item'}}">图书服务-云学习</view>
          <view class="priceBox">￥{{item.payPrice}}</view>
          <view class="cartListContent">
            <view class="cartListDetails">
              <!-- <view class="labelBox">
              <view class="eBook" wx:if="{{item.type == 'product'}}">电子书</view>
              <view wx:if="{{item.type == 'item'}}" class="cloudLearning">云学习</view>
            </view> -->


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

              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">

                <!-- <view>
                <text class="eBook">电子书</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
              </view> -->

                <view class="boosName">
                  <text class="eBook">电子书</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>

              </view>


              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
                <!-- 
              <view>
                <text class="cloudLearning">云学习</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
              </view> -->
                <view class="boosName">
                  <text class="cloudLearning">云学习</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>
              </view>






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

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

  <t-toast id="t-toast" />
</view>