<view class="page-container">
|
<view class="tab-bar">
|
<view class="tab-bar__placeholder" />
|
<t-tabs
|
t-class="tab-bar__inner"
|
t-class-active="tab-bar__active"
|
t-class-track="t-tabs-track"
|
bind:change="onTabChange"
|
value="{{status}}"
|
style="position: fixed; top: 0; left: 0; z-index: 100"
|
>
|
<t-tab-panel
|
wx:for="{{tabs}}"
|
wx:for-index="index"
|
wx:for-item="item"
|
wx:key="index"
|
label="{{item.text}}"
|
value="{{item.key}}"
|
/>
|
</t-tabs>
|
</view>
|
<t-pull-down-refresh
|
id="pull-down-refresh"
|
normal-bar-height="{{200}}"
|
max-bar-height="{{272}}"
|
refreshTimeout="{{3000}}"
|
background="#f5f5f5"
|
use-loading-slot
|
loading-size="60rpx"
|
bindrefresh="onPullDownRefresh_"
|
t-class-indicator="t-class-indicator"
|
>
|
<order-card
|
wx:for="{{orderList}}"
|
wx:key="id"
|
wx:for-item="order"
|
wx:for-index="oIndex"
|
order="{{order}}"
|
defaultShowNum="{{3}}"
|
data-order="{{order}}"
|
bindcardtap="onOrderCardTap"
|
useLogoSlot
|
>
|
<view slot="top-left" class="order-number">
|
<text decode>订单号 </text>
|
{{order.orderNo}}
|
</view>
|
<specs-goods-card
|
wx:for="{{order.goodsList}}"
|
wx:key="id"
|
wx:for-item="goods"
|
wx:for-index="gIndex"
|
data="{{goods}}"
|
no-top-line="{{gIndex === 0}}"
|
/>
|
<view slot="more">
|
<view class="price-total">
|
<text>总价</text>
|
<price fill price="{{order.totalAmount + ''}}" />
|
<text>，运费</text>
|
<price fill price="{{order.freightFee + ''}}" />
|
<text decode> </text>
|
<text class="bold-price" decode="{{true}}">实付 </text>
|
<price fill class="real-pay" price="{{order.amount + ''}}" decimalSmaller />
|
</view>
|
<!-- 订单按钮栏 -->
|
<order-button-bar order="{{order}}" bindrefresh="onRefresh" data-order="{{order}}" />
|
</view>
|
</order-card>
|
<!-- 列表加载中/已全部加载 -->
|
<load-more
|
wx:if="{{!pullDownRefreshing}}"
|
list-is-empty="{{!orderList.length}}"
|
status="{{listLoading}}"
|
bindretry="onReTryLoad"
|
>
|
<!-- 空态 -->
|
<view slot="empty" class="empty-wrapper">
|
<t-empty t-class="t-empty-text" src="{{emptyImg}}">暂无相关订单</t-empty>
|
</view>
|
</load-more>
|
</t-pull-down-refresh>
|
</view>
|
<t-toast id="t-toast" />
|
<t-dialog id="t-dialog" />
|
