|
@@ -7,7 +7,11 @@
|
|
<swiper style="height: calc(100% - 40px);" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
|
|
<swiper style="height: calc(100% - 40px);" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
|
|
<swiper-item class="swiper-item" v-for="(item, index) in tabsList" :key="index">
|
|
<swiper-item class="swiper-item" v-for="(item, index) in tabsList" :key="index">
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="onreachBottom">
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="onreachBottom">
|
|
- <couponTpl></couponTpl>
|
|
|
|
|
|
+ <couponTpl :list="couponList"></couponTpl>
|
|
|
|
+ <u-empty :text="noDataText" img-width="120" v-if="couponList.length==0 && status!='loading'" mode="list"></u-empty>
|
|
|
|
+ <view style="padding: 20upx;">
|
|
|
|
+ <u-loadmore v-if="total>pageSize || status=='loading'" :status="status" />
|
|
|
|
+ </view>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
</swiper>
|
|
</swiper>
|
|
@@ -22,6 +26,8 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ noDataText: '暂无数据',
|
|
|
|
+ status: 'loadmore',
|
|
tabsList: [{
|
|
tabsList: [{
|
|
name: '未使用'
|
|
name: '未使用'
|
|
}, {
|
|
}, {
|
|
@@ -29,6 +35,47 @@
|
|
}, {
|
|
}, {
|
|
name: '已过期'
|
|
name: '已过期'
|
|
}],
|
|
}],
|
|
|
|
+ couponList: [{
|
|
|
|
+ id: 23432445,
|
|
|
|
+ name: "满100减50",
|
|
|
|
+ price: 100,
|
|
|
|
+ yxTime: "2020-05-16",
|
|
|
|
+ remarks: '优惠卷使用说明优惠卷使用说明优惠卷使用说明',
|
|
|
|
+ checked: false
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 3544355,
|
|
|
|
+ name: "满100减50",
|
|
|
|
+ price: 100,
|
|
|
|
+ yxTime: "2020-05-16",
|
|
|
|
+ remarks: '优惠卷使用说明优惠卷使用说明优惠卷使用说明',
|
|
|
|
+ checked: false
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 234234234,
|
|
|
|
+ name: "满100减50",
|
|
|
|
+ price: 100,
|
|
|
|
+ yxTime: "2020-05-16",
|
|
|
|
+ remarks: '优惠卷使用说明优惠卷使用说明优惠卷使用说明',
|
|
|
|
+ checked: false
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 66264646,
|
|
|
|
+ name: "满100减50",
|
|
|
|
+ price: 100,
|
|
|
|
+ yxTime: "2020-05-16",
|
|
|
|
+ remarks: '优惠卷使用说明优惠卷使用说明优惠卷使用说明',
|
|
|
|
+ checked: false
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 9794694698,
|
|
|
|
+ name: "满100减50",
|
|
|
|
+ price: 100,
|
|
|
|
+ yxTime: "2020-05-16",
|
|
|
|
+ remarks: '优惠卷使用说明优惠卷使用说明优惠卷使用说明',
|
|
|
|
+ checked: false
|
|
|
|
+ }
|
|
|
|
+ ], // 优惠卷列表
|
|
// 因为内部的滑动机制限制,请将tabs组件和swiper组件的current用不同变量赋值
|
|
// 因为内部的滑动机制限制,请将tabs组件和swiper组件的current用不同变量赋值
|
|
current: 0, // tabs组件的current值,表示当前活动的tab选项
|
|
current: 0, // tabs组件的current值,表示当前活动的tab选项
|
|
swiperCurrent: 0, // swiper组件的current值,表示当前那个swiper-item是活动的
|
|
swiperCurrent: 0, // swiper组件的current值,表示当前那个swiper-item是活动的
|