xzy/pages/order/order.wxml

<view class="content">
    <view class="navbar">
        <view bindtap="__e" class="{{['nav-item',tabCurrentIndex===index?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'tabClick',[index] ] ] ] ]}}" wx:for="{{navList}}" wx:key="index">{{item.text}}</view>
    </view>
    <swiper bindchange="__e" class="swiper-box" current="{{tabCurrentIndex}}" data-event-opts="{{[ [ 'change',[ [ 'changeTab',['$event'] ] ] ] ]}}" duration="300">
        <swiper-item class="tab-content" wx:for="{{$root.l2}}" wx:for-index="tabIndex" wx:for-item="tabItem" wx:key="tabIndex">
            <scroll-view bindscrolltolower="__e" class="list-scroll-content" data-event-opts="{{[ [ 'scrolltolower',[ [ 'loadData',['$event'] ] ] ] ]}}" scrollY="{{true}}">
                <empty bind:__l="__l" vueId="{{'3c50aaa2-1-'+tabIndex}}" wx:if="{{tabItem[$orig].loaded===true&&tabItem[$orig].orderList.length===0}}"></empty>
                <view bindtap="__e" class="order-item" data-event-opts="{{[ [ 'tap',[ [ 'goToOrderDetail',['$0'],[ [ ['navList','',tabIndex],['orderList','',index] ] ] ] ] ] ]}}" wx:for="{{tabItem.l1}}" wx:key="index">
                    <view class="i-top b-b">
                        <text class="time">{{item.m3}}</text>
                        <text class="state">{{item.m4}}</text>
                        <text bindtap="__e" class="del-btn iconfont icondelete" data-event-opts="{{[ [ 'tap',[ [ 'deleteOrder',[index] ] ] ] ]}}" wx:if="{{item[$orig].status===4}}"></text>
                    </view>
                    <scroll-view class="goods-box" scrollX="{{true}}" wx:if="{{item[$orig].cartInfo.length>1}}">
                        <view class="goods-item" wx:for="{{item[$orig].cartInfo}}" wx:for-index="goodsIndex" wx:for-item="goodsItem" wx:key="goodsIndex">
                            <image class="goods-img" mode="aspectFill" src="{{goodsItem.productInfo.image}}"></image>
                        </view>
                    </scroll-view>
                    <view class="goods-box-single" wx:if="{{item.m6.length===1}}" wx:for="{{item.l0}}" wx:for-index="goodsIndex" wx:for-item="goodsItem" wx:key="goodsIndex">
                        <image class="goods-img" mode="aspectFill" src="{{goodsItem.m1}}"></image>
                        <view class="right">
                            <text class="title clamp">{{goodsItem.m2}}</text>
                            <text class="attr-box">{{goodsItem.m4+' x '+goodsItem.m3}}</text>
                            <text class="price">{{goodsItem.m0}}</text>
                        </view>
                    </view>
                    <view class="price-box">共<text class="num">{{item.m5}}</text>件商品 邮费<text class="price">{{item.m1}}</text>实付款<text class="price">{{item.m2}}</text>
                    </view>
                    <view class="action-box b-t" wx:if="{{item.m7._title==='未支付'||item.m7._title==='待评价'||item.m7._title==='待收货'}}">
                        <button catchtap="__e" class="action-btn" data-event-opts="{{[ [ 'tap',[ [ 'cancelOrder',['$0'],[ [ ['navList','',tabIndex],['orderList','',index] ] ] ] ] ] ]}}" wx:if="{{item.m7._title=='未支付'}}">取消订单</button>
                        <button catchtap="__e" class="action-btn recom" data-event-opts="{{[ [ 'tap',[ [ 'orderPay',['$0'],[ [ ['navList','',tabIndex],['orderList','',index] ] ] ] ] ] ]}}" wx:if="{{item.m7._title=='未支付'}}">立即支付</button>
                        <button catchtap="__e" class="action-btn" data-event-opts="{{[ [ 'tap',[ [ 'goToOrderDetail',['$0'],[ [ ['navList','',tabIndex],['orderList','',index] ] ] ] ] ] ]}}" wx:if="{{item.m7._type==3}}">去评价</button>
                        <button catchtap="__e" class="action-btn" data-event-opts="{{[ [ 'tap',[ [ 'orderTake',['$0',index],[ [ ['navList','',tabIndex],['orderList','',index] ] ] ] ] ] ]}}" wx:if="{{item.m7._title=='待收货'}}">确认收货</button>
                    </view>
                </view>
                <uni-load-more bind:__l="__l" status="{{tabItem.loadingType}}" vueId="{{'3c50aaa2-2-'+tabIndex}}"></uni-load-more>
            </scroll-view>
        </swiper-item>
    </swiper>
</view>