yimei_spa/pages/goods/orderList/orderList.wxml

<!-- pages/goods/orderList/orderList.wxml -->
<wxs module="tool" src="../../../app.wxs" />
<view class="tabs-wrap flex-align-center">
  <view class="item flex-center {{current == 4 ? 'active' : ''}}" bindtap="onTabsChange" data-id="4">
    全部
  </view>
  <view class="item flex-center {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">
    待支付
  </view>
  <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">
    待取货
  </view>
  <view class="item flex-center {{current == 3 ? 'active' : ''}}" bindtap="onTabsChange" data-id="3">
    已完成
  </view>
</view>
<view class="tabs">
  <view class="tabs-content">
    <navigator url="/pages/goods/orderDetail/orderDetail?id={{item.id}}" hover-class="none" wx:for="{{list}}" wx:key="index">
      <view class="item tabs-radius current{{current}}">
        <view class="item-top flex-align-center ">
          <text class="flex1 ellipsis" style="font-size: 36rpx;">{{item.store_name}}</text>
          <!-- 状态，-3已退款，-2退款中，-1已取消，0待支付，1已支付，待取货，2已取货 -->
          <!-- 状态-1已取消，0待支付，1已支付，3.已结算 -->
          <text class="state" style="color: #fa7d22;">{{item.status_text}}</text>
        </view>
        <view>
          <view class="item-content list-info">
            <view class="content-left content-project" wx:if="{{(item.good.length+item.plus.length)==1}}">
              <image wx:for="{{item.good}}" wx:key="index" class="img content-image" src="{{item.cover_url}}"></image>
              <view class="seckill" wx:if="{{item.seckill_id}}">秒杀</view>
              <view class="project-name">
                <view class="name">{{item.good[0].goods_name}}</view>
                <view wx:if="{{item.seconds>0}}" class="countDown">剩余支付时间:
                  <van-count-down format="mm:ss" bind:finish='finishTime'  style="margin-left: 10rpx;" time="{{ item.seconds }}" />
                </view>
              </view>
            </view>
            <view class="content-left projects-list" wx:else>
              <image wx:for="{{item.good}}" wx:key="index" class="img" src="{{item.cover_url}}"></image>
              <image wx:for="{{item.plus}}" wx:key="index" class="img" src="{{item.plus_url}}"></image>
            </view>
            <view class="content-text-box">
              共{{item.sum}}件
            </view>
          </view>
        </view>
        <view wx:if="{{item.status == 0}}" class="price-all">
          <text>￥</text>
          <text>{{item.price}}</text>
        </view>
        <view class="item-btn flex-align-center" wx:if="{{item.status == 0}}">
          <view class="btn cancel-btn flex-center" catchtap="onCancelOrder" data-id="{{item.id}}">
            取消订单
          </view>
          <view class="btn use-btn flex-center" catchtap="onPay" data-id="{{item.id}}" data-money="{{item.price}}">去支付</view>
        </view>
        <view class="item-btn flex-align-center" wx:if="{{item.status != 0}}">
          <text style="font-size: 28rpx;color: #999;">实付金额：</text>
          <text style="font-size: 36rpx;margin-right:28rpx;">¥{{item.price}}</text>
        </view>
      </view>
    </navigator>
    <view class="no-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
  </view>
</view>