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({ ...@@ -32,34 +32,40 @@ wxService.page({
//滑动切换 //滑动切换
swiperTab: function (e) { swiperTab: function (e) {
const {current} = e.detail const {current} = e.detail
console.log('滑动切换', current)
this.setData({ this.setData({
currentTab: current currentTab: current
}); });
// 可使用 // 可使用
if(current == 0){ // if(current == 0){
this.getCouponList(this.data.pageNo,this.data.pageSize,1) // this.getCouponList(this.data.pageNo,this.data.pageSize,1)
}else if( current == 1){ // }else if( current == 1){
// 失效 // // 失效
this.getCouponList(this.data.pageNo,this.data.pageSize,0) // this.getCouponList(this.data.pageNo,this.data.pageSize,0)
} // }
}, },
//点击切换
// 点击切换
clickTab: function (e) { clickTab: function (e) {
const {current} = e.target.dataset const {current} = e.target.dataset
if (this.data.currentTab === current) {
console.log('点击切换', current, this.data.currentTab)
if (this.data.currentTab == current) {
return false; return false;
} else { } else {
this.setData({ this.setData({
currentTab: current currentTab: current -0
}) })
} }
// 可使用 // 可使用
if( current == 0 ){ // if( current == 0 ){
this.getCouponList(this.data.pageNo,this.data.pageSize,1) // this.getCouponList(this.data.pageNo,this.data.pageSize,1)
}else if( current == 1){ // }else if( current == 1){
// 失效 // // 失效
this.getCouponList(this.data.pageNo,this.data.pageSize,0) // this.getCouponList(this.data.pageNo,this.data.pageSize,0)
} // }
}, },
/** /**
......
src/pages/coupons/coupons.wxml
...@@ -5,78 +5,78 @@ ...@@ -5,78 +5,78 @@
<view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">已失效 ({{invalidTotalElements}})</view> <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">已失效 ({{invalidTotalElements}})</view>
</view> </view>
<swiper current="{{currentTab}}" duration="300" bindchange="swiperTab"> <swiper current="{{currentTab}}" duration="300" bindchange="swiperTab">
<swiper-item wx:if="{{couponList.length}}"> <swiper-item>
<scroll-view scroll-y> <scroll-view scroll-y wx:if="{{couponList.length}}">
<view class='coupon-wrap'> <view class='coupon-wrap'>
<view <view
class='coupon-list' class='coupon-list'
wx:for="{{couponList}}" wx:for="{{couponList}}"
wx:for-item="item" wx:for-item="item"
wx:for-index="k" wx:for-index="k"
wx:key="{{k}}" wx:key="{{k}}"
> >
<view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" bindtap="handelPresentCouponCode"> <view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" bindtap="handelPresentCouponCode">
<view wx:if="{{invalidCouponList.length}}"> <view wx:if="{{invalidCouponList.length}}">
<view class='invalid-coupon' /> <view class='invalid-coupon' />
<image src='/assets/imgs/invalid.png' class='invalid-img' /> <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> </view>
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'> <no-more wx:if="{{noMoreCoupon}}" />
<image src='/assets/imgs/qr-code.png' /> </scroll-view>
</view> <view class='empty-wrap' wx:if="{{!couponList.length}}">
<view class='coupon-info'> <view class='empty-info'>
<view class='coupon-name fs-28'>{{item.title}}</view> <image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view> <view class='empty-text'>没有任何卡劵</view>
<view class='coupon-desc fs-24'>{{item.notice}}</view>
</view>
<view class='coupon-code fs-24'>出示劵码</view>
</view> </view>
</view> </view>
</view> </swiper-item>
<no-more wx:if="{{noMoreCoupon}}" /> <swiper-item>
</scroll-view> <scroll-view scroll-y wx:if="{{invalidCouponList.length}}">
<view class='coupon-wrap'>
<view class='empty-wrap' wx:if="{{!couponList.length}}"> <view
<view class='empty-info'> class='coupon-list'
<image class='empty-img' src='/assets/imgs/empty-coupon.png' /> wx:for="{{invalidCouponList}}"
<view class='empty-text'>没有任何卡劵</view> wx:for-item="item"
</view> wx:for-index="k"
</view> wx:key="{{k}}"
</swiper-item> >
<swiper-item> <view class='invalid-coupon' />
<scroll-view scroll-y wx:if="{{invalidCouponList.length}}"> <image src='/assets/imgs/invalid.png' class='invalid-img' />
<view class='coupon-wrap'> <image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view <view class='coupon-img'>
class='coupon-list' <image src='/assets/imgs/qr-code.png' />
wx:for="{{invalidCouponList}}" </view>
wx:for-item="item" <view class='coupon-info'>
wx:for-index="k" <view class='coupon-name fs-28'>{{item.typeDesc}}</view>
wx:key="{{k}}" <view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view>
> <view class='coupon-desc fs-24'>{{item.notice}}</view>
<view class='invalid-coupon' /> </view>
<image src='/assets/imgs/invalid.png' class='invalid-img' /> <view class='coupon-code fs-24'>出示劵码</view>
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' /> </view>
<view class='coupon-img'> </view>
<image src='/assets/imgs/qr-code.png' /> <no-more wx:if="{{noMoreCouponInvalid}}" />
</view> </scroll-view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{item.typeDesc}}</view> <view class='empty-wrap' wx:if="{{!invalidCouponList.length}}">
<view class='coupon-time fs-24'>{{item.startTime}} 至 {{item.endTime}}</view> <view class='empty-info'>
<view class='coupon-desc fs-24'>{{item.notice}}</view> <image class='empty-img' src='/assets/imgs/empty-coupon.png' />
<view class='empty-text'>没有任何卡劵</view>
</view> </view>
<view class='coupon-code fs-24'>出示劵码</view>
</view> </view>
</view> </swiper-item>
<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> </swiper>
</view> </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