<swiper @change="changeQuan" :current="Quan" :style="{height:(!showCode?'570rpx':'710rpx')}"  style="height: 440upx;" class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
                                :duration="duration">
                                <swiper-item v-for="(item,i) in membergradeList" :key="i" @touchmove.stop>
                                    <view :style="{paddingBottom:(!showCode?'166rpx':'120rpx')}"  class="margin-lr text-center padding bg-white padding-top-xl"    style="position: relative;background-size: 100% 100%;border-radius: 20rpx 20rpx 20rpx 20rpx;">
                                <!--        <text class="lock" v-if="i<=currentMemberGrade.gradeCode">已解锁</text>
                                        <text class="lock" v-if="i>currentMemberGrade.gradeCode">未解锁</text> -->
                                        <view class="flex justify-between flex-4" @click="goLoginPage('/subPages/user/member-grade/index')">
                                            <view class="flex-sub" v-for="(ele,index) in item.memberGradeRightList" :key="index" v-if="index<4" >
                                                <image class="margin-bottom" style="width: 114upx;height: 114upx;" :src="ele.enable=='1'?ele.icon:ele.icon2" mode=""></image>
                                                <view style="color: #363636;font-size: 22upx;line-height: 1.6;white-space: nowrap;">{{ele.rightName}}</view>
                                                <view style="color: #666666;font-size: 20upx;line-height: 1.9;">{{ele.tip}}</view>
                                            </view>
                                        </view>
                                    <view v-if="!showCode" @tap="showCode = true" class="" style="position: absolute;bottom: -49upx;left: 50%;transform: translateX(-50%);">
                                        <view class="text-xs text-gray" style="margin-bottom: 4upx;color: rgb(102, 102, 102)">
                                            会员码
                                        </view>
                                        <image style="width: 98upx;height: 98upx;"  src="https://dscrm.fuanna.com/member-yzl/yzl/lyy1/ma.png" mode=""></image>
                                    </view>
                                    
                                        <view  class="margin margin-top80" :class="showCode?'':'showcode'">
                                            <tki-barcode onval v-if="userPhone" cid="code128" :loadGenerate="true" :opations="opations"
                                                :autoGenerate="false" format="code128" :val="userPhone" />
                                        </view>
                            
                                        <view v-if="showCode" @tap="showCode = false" class="" style="position: absolute;bottom: -6upx;left: 50%;transform: translateX(-50%);">
                                            <image style="width: 145upx;height: 40upx;"  src="https://dscrm.fuanna.com/member-yzl/yzl/lyy1/shou.png" mode=""></image>
                                        </view>
                                    </view>
                                </swiper-item>
                            </swiper>   

@touchmove.stop