超级会员优化

src/main/resources/static/css/user-center/member/member-page.css

@@ -40,8 +40,8 @@
 .service-list>div .tit{font-size:16px;font-weight:400;color:#333333;padding:8px 0 8px}
 .service-list>div .sub-tit{font-size:14px;font-weight:400;color:#B8BFCA}
 /*优惠券*/
-.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.coupon-list>div{position:relative;width:219px;height:96px;padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:219px 96px}
+.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap: wrap;}
+.coupon-list>div{position:relative;width:219px;height:96px;margin-bottom: 24px; padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:219px 96px}
 .coupon-list>div.un-received{background-image:url(/img/member/pc-cm-svip-coupon-able.png)}
 .coupon-list>div .type{position:absolute;left:0;top:0;z-index:9;width:46px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#E4AA43;border-radius:2px 0px 2px 0px}
 .coupon-list>div .amount{padding-top:20px;font-size:26px;font-weight:bold;color:#55331D}

src/main/resources/static/js/user-center/member/memberPage.js

@@ -128,7 +128,7 @@ var memberPage = new Vue({
                 if (res.code === 0) {
                     _self.vipInfo = res.data.vip;
                     window.localStorage.setItem('vipInfo', JSON.stringify(_self.vipInfo));
-                    _self.couponList = _self.initCouponInfo(res.data.coupon.splice(0, 4));
+                    _self.couponList = _self.initCouponInfo(res.data.coupon);
                 } else {
                     CAIMEI.Alert(response.msg, '确定', false);
                     _self.isRequset = false;

src/main/resources/templates/user-center/member/member.html

@@ -101,8 +101,8 @@
                 </div>
                 <!--优惠券列表-->
                 <div class="section" v-if="couponList.length > 0">
-                    <div class="section-title">专属优惠券<span>每三个月可领4张</span></div>
-                    <div class="content coupon-list">
+                    <div class="section-title">专属优惠券<span>每三个月可领</span></div>
+                    <div class="content coupon-list clear">
                         <template v-if="couponList.length > 0">
                             <div v-for="(item, index) in couponList" :key="index" :class="{'un-received':item.useStatus === 1}">
                                 <span class="type" v-html="item.typeText"></span>