diff --git a/pages/vipCenter/vipCenter.vue b/pages/vipCenter/vipCenter.vue index a471073d52836278cece8cb5debf58e28db46aab..4fd5a1f2221f5f378d729c5507e72f8773e7ea3f 100644 --- a/pages/vipCenter/vipCenter.vue +++ b/pages/vipCenter/vipCenter.vue @@ -44,8 +44,8 @@ </swiper-item> </swiper> </view> - <view class="top_title">褰撳墠绛夌骇鏉冪泭</view> - <view class="now_benefit" v-for="(val, key) in member_list" v-if="key === index" :key="key" :style="[heightFlag ? {'height': height+'rpx'} : null]" :class="val.grade_list.length > 4 ? 'height1' : 'height2'"> + <view class="top_title" v-if="titleFlag">褰撳墠绛夌骇鏉冪泭</view> + <view class="now_benefit" v-for="(val, key) in member_list" v-if="key === index && val.grade_list !==null" :key="key" :style="[heightFlag ? {'height': height+'rpx'} : null]" :class="val.grade_list.length > 4 ? 'height1' : 'height2'"> <view class="benefit_item" v-for="(item, k) in val.grade_list" :key="k" :style="[key != 0 ? {color: 'rgba(255,255,255,0.4)'} : null]"> {{item.short_title}} <text class="dia" v-if="key === 0"></text> @@ -89,6 +89,7 @@ }], index: 0, moreFlag: true, + titleFlag: true, php: php } }, @@ -116,6 +117,12 @@ }, changeHeight(data, index) { this.index = index; + if(data === null) { + this.moreFlag = false; + this.titleFlag = false; + return + } + this.titleFlag = true; if(data.length > 8) { this.moreFlag = true; } else { @@ -128,6 +135,12 @@ swiperChange(e) { var current = e.detail.current; this.index = current; + if(this.member_list[current].grade_list === null) { + this.moreFlag = false; + this.titleFlag = false; + return + } + this.titleFlag = true; let length = this.member_list[current].grade_list.length; if(length > 8) { this.moreFlag = true; @@ -151,7 +164,7 @@ background-color: #2D3239; overflow: hidden; margin-top: -8rpx; - padding: 0 24rpx; + padding: 0 24rpx 24rpx; border-radius: 0 0 24rpx 24rpx; } .swiper_content {