classroom-music-activation/miniprogram/pages/orders/order-detail.wxml

<!--pages/orders/order-detail.wxml-->
<view class="container">
  <navigation-bar title="订单详情"></navigation-bar>

  <scroll-view class="record-list" type="list" scroll-y bindscrolltolower="loadMore">
    <view class="order-status">
      <view class="status">
        <image src="{{ statusList[status].logo }}"></image>
        <text>{{ statusList[status].title }}</text>
      </view>
      <view class="tips">{{ statusList[status].content }}</view>
    </view>

    <view class="order-content">
      <view class="item-content">
        <image class='goods-icon' src="https://oss.dayaedu.com/ktyq/1731664204915.png" mode="" />
        <view class="goods-desc">
          <view class="goodsInfo">
            <view class="goods-name">音乐数字课堂AI学练工堂AI学练工音乐数字课堂AI学练工堂AI学练工</view>
            <view class="goods-price">¥ 600.00</view>
          </view>
          <view class="goods-type">
            <view class="goods-card">一年卡</view>
            <view class="goods-num">x1</view>
          </view>
        </view>
      </view>
      <view class="qrcode-section">
        <canvas canvas-id="qrcode"></canvas>
      </view>
    </view>

    <view class="order-time">
      <view class="order-item">
        <view class="title">订单号</view>
        <view class="value">2133442226668</view>
      </view>
      <view class="order-item">
        <view class="title">下单时间</view>
        <view class="value">2023-07-12 18:12:45</view>
      </view>
    </view>
  </scroll-view>

  <view class="order-btn">
    <view class="price">
      <view class="desc">订单金额：</view>
      <view class="currentPrice">
        <text class="stuff">¥</text>
        <text class="priceZ">356</text>
        <text class="priceF">.00</text>
      </view>
    </view>

    <button type="primary">继续支付</button>
  </view>
</view>