Skip to content

7
7-Eleven
Commit 001f8a3e by 高淑倩
Options

modify: 优惠券列表

parent 314e35dc
Showing with 88 additions and 82 deletions
src/pages/coupons/coupons.js
......@@ -32,34 +32,40 @@ wxService.page({
//滑动切换
swiperTab: function (e) {
const {current} = e.detail
console.log('滑动切换', current)
this.setData({
currentTab: current
});
// 可使用
if(current == 0){
this.getCouponList(this.data.pageNo,this.data.pageSize,1)
}else if( current == 1){
// 失效
this.getCouponList(this.data.pageNo,this.data.pageSize,0)
}
// if(current == 0){
// this.getCouponList(this.data.pageNo,this.data.pageSize,1)
// }else if( current == 1){
// // 失效
// this.getCouponList(this.data.pageNo,this.data.pageSize,0)
// }
},
//点击切换
// 点击切换
clickTab: function (e) {
const {current} = e.target.dataset
if (this.data.currentTab === current) {
console.log('点击切换', current, this.data.currentTab)
if (this.data.currentTab == current) {
return false;
} else {
this.setData({
currentTab: current
currentTab: current -0
})
}
// 可使用
if( current == 0 ){
this.getCouponList(this.data.pageNo,this.data.pageSize,1)
}else if( current == 1){
// 失效
this.getCouponList(this.data.pageNo,this.data.pageSize,0)
}
// if( current == 0 ){
// this.getCouponList(this.data.pageNo,this.data.pageSize,1)
// }else if( current == 1){
// // 失效
// this.getCouponList(this.data.pageNo,this.data.pageSize,0)
// }
},
/**
......
src/pages/coupons/coupons.wxml
......@@ -5,78 +5,78 @@
<view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">已失效 ({{invalidTotalElements}})</view>
</view>
<swiper current="{{currentTab}}" duration="300" bindchange="swiperTab">
<swiper-item wx:if="{{couponList.length}}">
<scroll-view scroll-y>
<view class='coupon-wrap'>
<view
class='coupon-list'
wx:for="{{couponList}}"
wx:for-item="item"
wx:for-index="k"
wx:key="{{k}}"
>
<view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" bindtap="handelPresentCouponCode">
<view wx:if="{{invalidCouponList.length}}">
<view class='invalid-coupon' />
<image src='/assets/imgs/invalid.png' class='invalid-img' />
<swiper-item>
<scroll-view scroll-y wx:if="{{couponList.length}}">
<view class='coupon-wrap'>
<view
class='coupon-list'
wx:for="{{couponList}}"
wx:for-item="item"
wx:for-index="k"
wx:key="{{k}}"
>
<view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" bindtap="handelPresentCouponCode">
<view wx:if="{{invalidCouponList.length}}">
<view class='invalid-coupon' />
<image src='/assets/imgs/invalid.png' class='invalid-img' />
</view>
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png' />
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{item.title}}</view>
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
<view class='coupon-desc fs-24'>{{item.notice}}</view>
</view>
<view class='coupon-code fs-24'>出示劵码</view>
</view>
</view>
</view>
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png' />
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{item.title}}</view>
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
<view class='coupon-desc fs-24'>{{item.notice}}</view>
</view>
<view class='coupon-code fs-24'>出示劵码</view>
<no-more wx:if="{{noMoreCoupon}}" />
</scroll-view>
<view class='empty-wrap' wx:if="{{!couponList.length}}">
<view class='empty-info'>
<image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='empty-text'>没有任何卡劵</view>
</view>
</view>
</view>
<no-more wx:if="{{noMoreCoupon}}" />
</scroll-view>
<view class='empty-wrap' wx:if="{{!couponList.length}}">
<view class='empty-info'>
<image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='empty-text'>没有任何卡劵</view>
</view>
</view>
</swiper-item>
<swiper-item>
<scroll-view scroll-y wx:if="{{invalidCouponList.length}}">
<view class='coupon-wrap'>
<view
class='coupon-list'
wx:for="{{invalidCouponList}}"
wx:for-item="item"
wx:for-index="k"
wx:key="{{k}}"
>
<view class='invalid-coupon' />
<image src='/assets/imgs/invalid.png' class='invalid-img' />
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png' />
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{item.typeDesc}}</view>
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
<view class='coupon-desc fs-24'>{{item.notice}}</view>
</swiper-item>
<swiper-item>
<scroll-view scroll-y wx:if="{{invalidCouponList.length}}">
<view class='coupon-wrap'>
<view
class='coupon-list'
wx:for="{{invalidCouponList}}"
wx:for-item="item"
wx:for-index="k"
wx:key="{{k}}"
>
<view class='invalid-coupon' />
<image src='/assets/imgs/invalid.png' class='invalid-img' />
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png' />
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{item.typeDesc}}</view>
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
<view class='coupon-desc fs-24'>{{item.notice}}</view>
</view>
<view class='coupon-code fs-24'>出示劵码</view>
</view>
</view>
<no-more wx:if="{{noMoreCouponInvalid}}" />
</scroll-view>
<view class='empty-wrap' wx:if="{{!invalidCouponList.length}}">
<view class='empty-info'>
<image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='empty-text'>没有任何卡劵</view>
</view>
<view class='coupon-code fs-24'>出示劵码</view>
</view>
</view>
<no-more wx:if="{{noMoreCouponInvalid}}" />
</scroll-view>
<view class='empty-wrap' wx:if="{{!invalidCouponList.length}}">
<view class='empty-info'>
<image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='empty-text'>没有任何卡劵</view>
</view>
</view>
</swiper-item>
</swiper-item>
</swiper>
</view>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment