dm-wechat-mini/pages/my/coupon/index.wxml
2025-02-22 03:14:42 +08:00

65 lines
2.9 KiB
Plaintext

<view class="tab-bar">
<view class="item-container {{tabIndex==0?'current':''}}" bind:tap="changeTab" data-index="0">
<view class="item">待使用</view>
</view>
<view class="item-container {{tabIndex==1?'current':''}}" bind:tap="changeTab" data-index="1">
<view class="item">已使用</view>
</view>
<view class="item-container {{tabIndex==2?'current':''}}" bind:tap="changeTab" data-index="2">
<view class="item">已失效</view>
</view>
</view>
<list-view class="coupon-list" wx:if="{{tabIndex==0}}" bind:refresh="refreshList"
bind:loadMore="loadMore" refresher-triggered="{{pager.tab1.refreshTrigger}}"
show-load-more="{{!(tab1List.length==0&&pager.tab1.loadAll)}}"
loading="{{pager.tab1.loading}}" load-all="{{pager.tab1.loadAll}}">
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab1List}}" wx:key="index">
<view class="left">
<view class="name">{{item.coupon_name}}</view>
<view class="desc">有效期至 {{item.expire_time}}</view>
</view>
<view class="right money money-normal">{{item.coupon_amount}}</view>
</view>
<view class="list-empty" wx:if="{{tab1List.length==0&&pager.tab1.loadAll}}">
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
<view class="title">暂无跑腿券</view>
</view>
</list-view>
<list-view class="coupon-list" wx:if="{{tabIndex==1}}" bind:refresh="refreshList"
bind:loadMore="loadMore" refresher-triggered="{{pager.tab2.refreshTrigger}}"
show-load-more="{{!(tab2List.length==0&&pager.tab2.loadAll)}}"
loading="{{pager.tab2.loading}}" load-all="{{pager.tab2.loadAll}}">
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab2List}}" wx:key="index">
<view class="left">
<view class="name">{{item.coupon_name}}</view>
<view class="desc">有效期至 {{item.expire_time}}</view>
</view>
<view class="right money money-normal">{{item.coupon_amount}}</view>
</view>
<view class="list-empty" wx:if="{{tab2List.length==0&&pager.tab2.loadAll}}">
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
<view class="title">暂无跑腿券</view>
</view>
</list-view>
<list-view class="coupon-list" wx:if="{{tabIndex==2}}" bind:refresh="refreshList"
bind:loadMore="loadMore" refresher-triggered="{{pager.tab3.refreshTrigger}}"
show-load-more="{{!(tab3List.length==0&&pager.tab3.loadAll)}}"
loading="{{pager.tab3.loading}}" load-all="{{pager.tab3.loadAll}}">
<view class="item {{tabIndex==0?'':'used'}}" wx:for="{{tab3List}}" wx:key="index">
<view class="left">
<view class="name">{{item.coupon_name}}</view>
<view class="desc">有效期至 {{item.expire_time}}</view>
</view>
<view class="right money">{{item.coupon_amount}}</view>
</view>
<view class="list-empty" wx:if="{{tab3List.length==0&&pager.tab3.loadAll}}">
<image class="icon" src="/assets/icon/shop/coupon-empty@2x.png"/>
<view class="title">暂无跑腿券</view>
</view>
</list-view>