wx-parent/subpackages/order/order.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <!-- 搜索框 -->
    <view class="search-bar">
      <input class="search-input" placeholder="搜索订单号或商品名称" />
      <image class="search-icon" src="{{souimg}}" />
    </view>

    <!-- 分类 -->
    <view class="category-tabs">
      <view wx:for="{{categories}}" wx:key="type">
        <view class="category-tab {{item.type === categoriesindex ? 'active' : ''}}" bindtap="tabcategories" data-type="{{item.type}}">{{item.title}}</view>
      </view>
    </view>

    <!-- 列表 -->
    <view class="order-list">
      <block wx:for="{{orders}}" wx:key="order_id">
        <view class="order-item" bindtap="goToGoodsList">
          <view class="order-status">
            <view class="{{ item.status === 1 ? 'dsh' : item.status === 2 ? 'dfk' : 'ywc' }}">{{item.status === 1 ? "待收货" : item.status === 2 ? "待付款" : "已完成"}}</view>
            <view>{{item.date}}</view>
          </view>
          <view>订单号： {{item.price}}</view>
          <view class="order-detail">
            <image class="order-image" src="{{item.image}}" mode="aspectFill"></image>
            <view class="order-info">
              <view class="order-title">{{item.title}}</view>
              <view style="display: flex; justify-content: space-between;">
                <view class="order-description">{{item.description}}</view>
                <view class="order-price">¥{{item.price}}</view>
              </view>
              <view class="order-description">数量： 1</view>
            </view>
          </view>
          <view class="order-actions">
            <button class="order-action-btn1" bindtap="handleAction1" data-index="{{index}}">
                {{ item.status === 1 ? "查看详情" : item.status === 2 ? "取消订单" : "申请售后" }}
            </button>
            <button class="order-action-btn2" bindtap="handleAction2" data-index="{{index}}">
                {{ item.status === 1 ? "确认收货" : item.status === 2 ? "立即支付" : "再来一单" }}
            </button>
          </view>
        </view>
      </block>
    </view>
  </view>
</view>