wxhuanart/miniprogram/pages/mine/myorder/list/index.wxml

<view class="p-3 search">
  <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" value="{{searchText}}" placeholder="搜索我的订单" leftIcon="" center bind:change="onSearchChange" bind:submit="onSearchSubmit">
    <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
  </t-search>
</view>
<t-tabs t-class="pink" default-value="{{0}}" space-evenly="{{true}}" sticky stickyProps="{{stickyProps}}" bind:change="onTabsChange" bind:click="onTabsClick" bind:scroll="onStickyScroll">
  <t-tab-panel label="全部" value="0" />
  <t-tab-panel label="待付款" value="1" />
  <t-tab-panel label="待发货" value="2" />
  <t-tab-panel label="待收货" value="3" />
  <t-tab-panel label="已完成" value="4" />
</t-tabs>
<view>
  <block wx:for="{{orders}}" wx:key="index">
    <template is="ordertpl" data="{{item, index}}" />
  </block>
  <n-load-more wx:if="{{orders && orders.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
  <t-back-top theme="round"></t-back-top>
</view>

<t-dialog visible="{{showConfirm}}" t-class-confirm="text-black" title="操作确认" content="是否将订单商品重新加入购物车？" confirm-btn="确认" cancel-btn="取消" bind:confirm="confirmDialog" bind:cancel="closeDialog" />

<template name="ordertpl">
  <view wx:key="{{index}}" class="order-card text-sm">
    <view class="order-card__head text-xs pb-2">
      <view>订单编号：</view>
      <view>{{item.orderCode}}</view>
      <t-icon name="chevron-right" />
      <view class="flex-1 text-right text-md">
        {{item.orderStatus}}
      </view>
    </view>
    <view class="order-card__items" data-code="{{item.orderCode}}" catchtap="gotoDetail">
      <block wx:for="{{item.items}}" wx:for-item="good" wx:for-index="goodidx" wx:key="goodidx">
        <template is="goodtpl" data="{{good}}" />
      </block>
    </view>
    <view class="order-card__foot pt-2 ">
      <view class="d-flex align-items-center">
        <view class="flex-1">共{{item.itemCount}}件商品</view>
        <view>合计：</view>
        <n-price price="{{item.totalPrice || 0 }}" fill="{{true}}" wr-class="text-bold text-md" symbol-class="popup-sku__price-symbol" />
      </view>
      <view class="d-flex align-items-center text-xs" style="color: #888">
        <view class="flex-1 text-right">(含运费：</view>
        <n-price price="{{item.tracePrice || 0 }}" fill="{{true}}" wr-class="" symbol-class="popup-sku__price-symbol" />
        <view>)</view>
      </view>
      <view class="d-flex justify-content-end mt-3 pb-1" style="gap: 30rpx;">
        <!-- <t-button t-class="order-card__button">评价</t-button> -->
        <t-button t-class="order-card__button pink" data-code="{{item.orderCode}}" catchtap="onRebuy">再次购买</t-button>
      </view>
    </view>
  </view>
</template>

<template name="goodtpl">
  <view class="d-flex" style="gap: 20rpx;">
    <t-image src="{{good.imageUrl}}" t-class="goodimage" />
    <view class="flex-1">
      <view>{{good.goodTitle}}</view>
      <view class="text-xs pt-1" style="color: #888;">{{good.goodSpuTitle}}</view>
    </view>
    <n-price price="{{good.perPrice || 0 }}" wr-class="" symbol-class="popup-sku__price-symbol" />
  </view>
</template>