<view class='member-center'>
  <view class='member-center-top'>
    <view class='left'>
      V{{vip}}
    </view>
    <view class='right'>
      <view class='name'>V{{vip}}普通会员</view>
      <view class='reg'>{{nextExp}}</view>
      <view class='progress-box'>
        <view class='progress-box-line' style='width: {{progress}}%'></view>
      </view>
      <view class='tips'>还差{{gap}}升级V{{vip+1}}尊享会员</view>
    </view>
  </view>
  <view class='member-center-bottom'>
    <view class='member-center-bottom-tit'>
      <view>等级参考</view>
      <view class='_more'>等级说明>></view>
    </view>
    <view class='dengji'>
      <scroll-view scroll-x>
        <view class='big-box'>
          <view class='live-item' wx:for="{{memberrate}}"  wx:for-item="item" wx:for-index="index" wx:key="index" >
            <view class='live-item-left'>
              <view wx:if="{{index === 0 || index === 5}}" class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202190.png)'>
                {{item.name}}
              </view>
              <view wx:elif="{{index === 1 || index === 6}}" class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202206.png)'>
                {{item.name}}
              </view>
              <view wx:elif="{{index === 2 || index === 7}}" class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202161.png)'>
                {{item.name}}
              </view>
              <view wx:elif="{{index === 3 || index === 8}}" class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202195.png)'>
                {{item.name}}
              </view>
              <view wx:elif="{{index === 4 || index === 9}}" class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202216.png)'>
                {{item.name}}
              </view>
              <view class='reg-num'>{{item.tradeMoneyReq}}</view>
            </view>
            <view class='progress-small-box'>
              <view class='progress-small-box-line' style='width: {{item.progress}}%'></view>
              <view class='radius' wx:if="{{item.progress!==0}}" style='left:{{item.progress-2}}%'></view>
            </view>
          </view>
          <!-- <view class='live-item'>
            <view class='live-item-left'>
              <view class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202206.png)'>
                V1
              </view>
              <view class='reg-num'>588</view>
            </view>
            <view class='progress-small-box'>
              <view class='progress-small-box-line' style='width: {{0}}%'></view>
            </view>
          </view>
          <view class='live-item'>
            <view class='live-item-left'>
              <view class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202161.png)'>
                V2
              </view>
              <view class='reg-num'>4588</view>
            </view>
            <view class='progress-small-box'>
              <view class='progress-small-box-line' style='width: {{0}}%'></view>
            </view>
          </view>
          <view class='live-item'>
            <view class='live-item-left'>
              <view class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202161.png)'>
                V3
              </view>
              <view class='reg-num'>14588</view>
            </view>
            <view class='progress-small-box'>
              <view class='progress-small-box-line' style='width: {{0}}%'></view>
            </view>
          </view>
          <view class='live-item'>
            <view class='live-item-left'>
              <view class='live-item-left-img' style='background-image: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627045202216.png)'>
                V4
              </view>
              <view class='reg-num'>24588</view>
            </view>
            <view class='progress-small-box'>
              <view class='progress-small-box-line' style='width: {{0}}%'></view>
            </view>
          </view> -->
        </view>
      </scroll-view>
    </view>
  </view>
</view>