laundry/pages/tabber/order/index.wxml

<van-tabs swipeable title-active-color="#191C27" title-inactive-color="#666666" color="#4699FF" line-width="30" sticky>
    <van-tab title="全部">
        <view class="itemBoxs" bindtap="detail" wx:for="{{orderList}}" wx:key="*this">
            <view class="titBoxs b-bottom  flex ju-b">
                <view class="le">到柜存取</view>
                <!-- or skyBlue or gray -->
                <view class="lr orange" wx:if="{{item.type ==1}}">未支付</view>
                <view class="lr gray" wx:if="{{item.type == 2}}">已取消</view>
            </view>
            <view class="contioner">
                <view class="messageBoxs">
                    <view class="tips">当前状态：订单提交成功，请完成支付</view>
                    <view class="time">2019-05-07 15:17:35</view>
                </view>

                <view class="centerBoxs flex ju-b">
                    <scroll-view scroll-x>
                        <view class="flex ju-b" wx:if="{{item.numList.length < 2}}">
                            <view>
                                <view class="le flex">
                                    <image src="/image/order/houwaitao.png" class="clothes"></image>
                                    <view class="name">衬衫-上衣类</view>
                                </view>
                            </view>
                        </view>

                        <view wx:else class="flex">
                            <view class="imgBoxs" wx:for="{{item.numList}}" wx:for-item="i" wx:for-index="idx" wx:key="{{idx}}">
                                <image src="/image/order/houwaitao.png" class="clothes"></image>
                                <view class="nums">共1件</view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="lr {{item.numList.length < 2 ? '' : 'showModel'}}">
                        <view class="price"><text class="small">￥</text>89</view>
                        <view class="num">共1件</view>
                    </view>
                </view>

                <view class="footerBoxs flex ju-e" wx:if="{{item.type == 1}}">
                    <view class="btn border">取消订单</view>
                    <view class="btn bg">支付</view>
                </view>

                <view class="footerBoxs flex ju-e" wx:if="{{item.type == 2}}" bindtap="toDetail">
                    <view class="btn border">查看详情</view>
                </view>
            </view>
        </view>
    </van-tab>
    <van-tab title="未支付">内容 2</van-tab>
    <van-tab title="待服务">内容 3</van-tab>
    <van-tab title="服务中">内容 4</van-tab>
    <van-tab title="已完成">内容 4</van-tab>
</van-tabs>

<van-empty
wx:if="{{orderList.length == 0}}"
  class="custom-image"
  image="/image/order/no-order.png"
  description="暂无订单"
/>
           
<van-dialog id="van-dialog"  confirm-button-color="#4699FF" />