已失效优惠券最多只显示20，并增加文字说明

src/pages/coupons/coupons.js

@@ -143,7 +143,7 @@ wxService.page({
           this.setData({
             invalidCouponList: this.data.invalidPageNo == 1? [...data.content]: [...this.data.invalidCouponList,...data.content],
             invalidTotalPages: data.totalPages,
-            invalidTotalElements: data.totalElements
+            invalidTotalElements: data.totalElements > 20 ? 20 : data.totalElements,
            })
          }
       }

src/pages/coupons/coupons.wxml

@@ -14,9 +14,9 @@
 							wx:for="{{couponList}}"
 							wx:for-item="item"
 							wx:for-index="k"
-							wx:key="{{k}}"
-							>
-								<view data-title="{{item.title}}" data-cardNo="{{item.cardNo}}" data-id="{{item.couponId}}" bindtap="handelPresentCouponDetail">
+							wx:key="{{k}}">
+								<view data-title="{{item.title}}" 
+                data-cardNo="{{item.cardNo}}" data-id="{{item.couponId}}" bindtap="handelPresentCouponDetail">
 									<image class='coupon-bg' src='/assets/imgs/coupon-bg.png'/>
                     <view class='coupon-img' >
                       <image wx:if="{{item.takeCouponBgimg}}" class='coupon-bg' src='{{item.takeCouponBgimg}}' />
@@ -43,14 +43,14 @@
 			</swiper-item>
 			<swiper-item>
 					<scroll-view scroll-y wx:if="{{invalidCouponList.length}}">
+            <view class='invalid-coupon-tips'>只显示最近20张已失效优惠券</view>
             <view class='coupon-wrap'>
               <view
                 class='coupon-list'
                 wx:for="{{invalidCouponList}}"
                 wx:for-item="item"
                 wx:for-index="k"
-									wx:key="{{k}}"
-									>
+                wx:key="{{k}}">
                   <view class='invalid-coupon' />
                   <!--5 已使用  !5 过期-->
                   <image wx:if="{{item.status == 5}}" src='/assets/imgs/invalid.png' class='invalid-img' />

src/pages/coupons/coupons.wxss

@@ -41,6 +41,11 @@ scroll-view{
 .coupon-wrap{
   padding: 20rpx;
 }
+.invalid-coupon-tips{
+  padding: 0 20rpx;
+  color: #666666;
+  font-size: 24rpx;
+}
 .coupon-list{
   width: 712rpx;
   height: 209rpx;