<import src="./template/item/item.wxml"/>
<import src="./template/reason/reason.wxml"/>

<scroll-view class="page-container">
    <view class="order-types">
        <view class="type {{orderType == 1 ? 'active' : ''}}" data-type="1" bindtap="changeType">
            <view class="type-text" >全部</view>
        </view>
        <view class="type {{orderType == 2 ? 'active' : ''}}" data-type="2" bindtap="changeType">
            <view class="type-text" >待付款</view>
        </view>
        <view class="type {{orderType == 3 ? 'active' : ''}}" data-type="3" bindtap="changeType">
            <view class="type-text" >待发货</view>
        </view>
        <view class="type {{orderType == 4 ? 'active' : ''}}" data-type="4" bindtap="changeType">
            <view class="type-text" >待收货</view>
        </view>
    </view>

    <view class="list-container" style="min-height:{{windowHeight}}px;">
        <view class="firstscreen-orders">
            <block wx:for="{{ordersList}}" wx:key="order_code">
                <template is="orderItem" data="{{item}}"></template>
            </block>
            <view wx:if="{{showEmptyContainer}}" class="zero-order">
                <image src="../../../static/images/empty@2x.png" style="width:220rpx;height:220rpx"></image>
                <br />
                <view style="font-size:30rpx;text-align:center;margin-top:20rpx">您还没有任何订单，赶快去逛逛吧</view>
                <button bindtap="goShopping" class="shopping-btn">去逛逛</button>
            </view>
        </view>
        <copyright class="copyright"></copyright>
    </view>
</scroll-view>

<template is="reason" data="{{reason, showReason}}"></template>