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

<!--pages/orders/orders.wxml-->
<view class="container">
  <navigation-bar title="我的订单"></navigation-bar>

  <view class="record-content">
    <view class="record-tab">
      <view wx:for="{{tabList}}" wx:key="item.id" class="{{item.id == tabIdx ? 'active' : ''}}" catch:tap="switchTab" data-idx="{{item.id}}">
        {{item.label}}
      </view>
    </view>
    <scroll-view class="record-list" type="list" scroll-y bindscrolltolower="loadMore">
      <block wx:if="{{ tabList.length }}">
        <view class="list-item-group">
          <view class="list-item" wx:for="{{tabList}}" wx:key="{{index}}">
            <view class="item-top">
              <view class="item-mid">订单号：1209289883774834</view>
              <text class="red">等待付款</text>
            </view>
          <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="item-footer">
            <view class="order-price">
              订单金额:<text class="price">¥ 600.00</text>
            </view>
            <button class="sure" type="primary">继续支付</button>
          </view>
          </view>
        </view>
      </block>
      <block wx:else>
        <view class="empty-box">
          <image src="https://oss.dayaedu.com/ktyq/1731839238916.png"></image>
          <view class="empty-text">暂无订单</view>
        </view>
      </block>
    </scroll-view>
  </view>
</view>