user_vip.wxml 2.4 KB

1
  1. <view><hua-page-head vue-id="2bcde63e-1" pageTitle="{{pageTitle}}" rightMenu="{{rightMenu}}" data-event-opts="{{[['^clickMenu',[['clickMenu']]]]}}" bind:clickMenu="__e" bind:__l="__l"></hua-page-head><view class="user-vip"><view class="content m-t-50"><view class="vip-swiper-container"><swiper class="swiper" style="height:360rpx;" previous-margin="30rpx" current="{{currentIndex}}" data-event-opts="{{[['change',[['bindchange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{levelList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item><view class="vip-card-item" style="{{('background-image: url('+item.background_image+');')}}"><view class="flex row-between"><view class="flex grade white sm">{{''+item.lock_desc+''}}</view></view><view class="flex vip-name white"><image class="grade-icon" src="{{item.image}}"></image><view class="bold">{{item.name}}</view></view><view class="new-vip-progress" style="padding:0 30rpx;"><block wx:if="{{item.current_level_status==0}}"><view class="sm " style="line-height:36rpx;">{{''+item.tips1+''}}</view></block><block wx:else><router-link vue-id="{{'2bcde63e-2-'+index}}" to="/bundle/pages/user_growth/user_growth" bind:__l="__l" vue-slots="{{['default']}}"><view class="sm " style="line-height:36rpx;">{{''+item.tips1+''}}</view><view class="progress"><u-line-progress vue-id="{{('2bcde63e-3-'+index)+','+('2bcde63e-2-'+index)}}" showPercent="{{false}}" active-color="#687B8B" percent="{{item.diff_growth_percent*100}}" height="4" bind:__l="__l"></u-line-progress></view><view>{{item.tips2+''}}<u-icon vue-id="{{('2bcde63e-4-'+index)+','+('2bcde63e-2-'+index)}}" name="arrow-right" bind:__l="__l"></u-icon></view></router-link></block></view></view></swiper-item></block></swiper></view><view class="vip-grade-rule"><view class="title ">会员福利</view><view class="iconbar"><view class="item"><view class="icon"><text class="iconfont"></text></view><view class="tit">会员福利</view></view><view class="item"><view class="icon"><text class="iconfont"></text></view><view class="tit">奖励现金</view></view><view class="item"><view class="icon"><text class="iconfont"></text></view><view class="tit">奖励券</view></view></view><view class="p-t-20"><text class="rule-content column lighter">{{''+growthRule+''}}</text></view></view></view></view><block wx:if="{{!userInfo.nickname}}"><loading-view vue-id="2bcde63e-5" bind:__l="__l"></loading-view></block></view>