twong329/view/xcx/pages/user_vip/index.wxml

<navbar parameter="{{parameter}}"></navbar>
<view class="member-center">
  <view class="header">
    <swiper
      indicator-dots="{{indicatorDots}}"
      autoplay="{{autoplay}}"
      circular="{{circular}}"
      interval="{{interval}}"
      duration="{{duration}}"
      bindchange="bindchange"
      previous-margin="30px"
      next-margin="30px"
    >
      <block wx:for="{{VipList}}" wx:key="index">
        <swiper-item>
          <view
            class="memberBg {{swiperIndex == index ? 'active' : 'quiet'}}"
            style="background-image:url({{item.image}})"
            mode="aspectFill"
          >
            <view class="name">{{item.name}}</view>
            <view class="discount">可享受商品折扣:{{item.discount}}折<text class="iconfont icon-zhekou"></text> </view>
            <view class="nav acea-row" wx:if="{{grade==item.grade}}">
              <view class="item" wx:for="{{item.task_list}}" wx:if="{{index <= 3}}" wx:key="index">
                <view class="num">{{item.number}}</view>
                <view>{{item.real_name}}</view>
              </view>
            </view>
            <view class="lock" wx:if="{{grade<item.grade}}"
              ><text class="iconfont icon-quanxianguanlisuozi"></text>该会员等级尚未解锁</view
            >
            <view class="lock" wx:if="{{grade>item.grade}}"
              ><text class="iconfont icon-xuanzhong1"></text>已解锁更高等级</view
            >
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <view class="wrapper">
    <view class="title acea-row row-between-wrapper">
      <view><text class="iconfont icon-jingyanzhi"></text>会员升级要求</view>
      <view class="num"><text class="current">{{reach_count || 0}}</text>/{{task.length || 0}}</view>
    </view>
    <view class="list">
      <view class="item" wx:for="{{task}}" wx:key="index">
        <view class="top acea-row row-between-wrapper">
          <view class="name" data-index="{{index}}"
            >{{item.name}}<text wx:if="{{item.illustrate}}" bindtap="opHelp" class="iconfont icon-wenti"></text
          ></view>
          <view wx:if="{{item.finish}}">已满足条件</view>
          <view wx:else>未满足条件</view>
        </view>
        <view class="cu-progress">
          <view class="bg-red" style="width:{{item.speed}}%;"></view>
        </view>
        <view class="experience acea-row row-between-wrapper">
          <view>{{item.task_type_title}}</view>
          <view><text class="num">{{item.new_number || 0}}</text>/{{item.number || 0}}</view>
        </view>
      </view>
    </view>
  </view>
  <recommend host_product="{{host_product}}"></recommend>
  <view class='growthValue {{growthValue==false?"on":""}}'>
    <view class="pictrue">
      <image src="/images/value.jpg"></image><text class="iconfont icon-guanbi3" bindtap="growthValue"></text>
    </view>
    <view class="conter">{{illustrate}}</view>
  </view>
  <view class="mask" hidden="{{growthValue}}" bindtap="growthValue"></view>
</view>
<authorize bind:onLoadFun="onLoadFun"></authorize>