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="搜索订单号或商品名称" bindinput="onSearchInput" value="{{searchText}}" />
      <image class="search-icon" src="{{souimg}}" />
    </view>
    <!-- <button bindtap="adds">123123</button> -->

    <!-- 分类 -->
    <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>

    <!-- 列表 -->
    <scroll-view
      class="list_boxsss"
      scroll-y="true"
      bindscrolltolower="loadMore"
      lower-threshold="100"
    >
      <view class="order-list">
        <block wx:for="{{orders}}" wx:key="order_id">
          <view class="order-item" catchtap="goToGoodsList" data-type="{{index}}">
            <view class="order-status">
              <view class="{{ item.status === 1 ? 'dsh' : item.status === 0 ? 'dfk' : 'ywc' }}">{{item.status === 1 ? "待收货" : item.status === 0 ? "待付款" : "已完成"}}</view>
              <view>{{item.createdAt}}</view>
            </view>
            <view>订单号： {{item.order_id}}</view>
            <view class="order-detail">
              <image class="order-image" src="{{item.img}}" mode="aspectFill"></image>
              <view class="order-info">
                <view class="order-title">{{item.name}}</view>
                <view style="display: flex; justify-content: space-between;">
                  <view class="order-description">简单描述</view>
                  <view class="order-price">¥{{item.real_money}}</view>
                </view>
                <view class="order-description">数量： 购买数量这个到时候要看怎么获取</view>
              </view>
            </view>
            <view class="order-actions" style="z-index: 22;">
              <button class="order-action-btn1" catchtap="handleAction1" data-index="{{index}}">
                  {{ item.status === 1 ? "查看详情" : item.status === 0 ? "取消订单" : "申请售后" }}
              </button>
              <button class="order-action-btn2" catchtap="handleAction2" data-index="{{index}}">
                  {{ item.status === 1 ? "确认收货" : item.status === 0 ? "立即支付" : "再来一单" }}
              </button>
            </view>
          </view>
        </block>
      </view>
      <view wx:if="{{ isLoading }}" class="loading-text">加载中...</view>
      <view wx:elif="{{ !hasMore }}" class="no-more-text">没有更多了</view>
    </scroll-view>
  </view>
</view>