challengeFamily/pages/sharingHome/rankList.wxml

<view class="content">
  <view class="rank-top-three">
    <view class="two top-three-option">
      <view class="leader-info" wx:if="{{listInfo.list.length>1}}">
        <view class="crown">
          <text class="icon icon-crown"></text>
        </view>
        <view class="headImg-box">
          <image class="headImg" src="{{listInfo.list[1].avatar||'/img/default_logo.jpg'}}"></image>
        </view>
        <view class="leader-name">{{listInfo.list[1].nickname ||''}}</view>
        <view class="sigle">
          <!-- <text class="info-sigle">王牌分享家</text> -->
          <view class="level {{listInfo.list[1].maxLevel==1?'ordinary':(listInfo.list[1].maxLevel==2?'copper':(listInfo.list[1].maxLevel==3?'silver':(listInfo.list[1].maxLevel==4?'gold':(listInfo.list[1].maxLevel==5?'super':''))))}}">
            <text class="icon icon-sharer-level"></text>
            <text>{{listInfo.list[1].maxLevel==1?'普通':(listInfo.list[1].maxLevel==2?'铜牌':(listInfo.list[1].maxLevel==3?'银牌':(listInfo.list[1].maxLevel==4?'金牌':(listInfo.list[1].maxLevel==5?'超级':''))))}}</text>
          </view>
        </view>
        <view class="leadGroup-num">累计佣金：￥{{listInfo.list[1].price}}</view>
      </view>
      <view class="leader-info no-data" wx:else>
        暂无数据
      </view>
      <view class="box-h"></view>
    </view>
    <view class="one top-three-option">
      <view class="leader-info" wx:if="{{listInfo.list.length>0}}">
        <view class="crown">
          <text class="icon icon-crown"></text>
        </view>
        <view class="headImg-box">
          <image class="headImg" src="{{listInfo.list[0].avatar||'/img/default_logo.jpg'}}"></image>
        </view>
        <view class="leader-name">{{listInfo.list[0].nickname || ''}}</view>
        <view class="sigle">
          <view class="level {{listInfo.list[0].maxLevel==1?'ordinary':(listInfo.list[0].maxLevel==2?'copper':(listInfo.list[0].maxLevel==3?'silver':(listInfo.list[0].maxLevel==4?'gold':(listInfo.list[0].maxLevel==5?'super':''))))}}">
            <text class="icon icon-sharer-level"></text>
            <text>{{listInfo.list[0].maxLevel==1?'普通':(listInfo.list[0].maxLevel==2?'铜牌':(listInfo.list[0].maxLevel==3?'银牌':(listInfo.list[0].maxLevel==4?'金牌':(listInfo.list[0].maxLevel==5?'超级':''))))}}</text>
          </view>
        </view>
        <view class="leadGroup-num">累计佣金：￥{{listInfo.list[0].price}}</view>
      </view>
      <view class="leader-info no-data" wx:else>
        暂无数据
      </view>
      <view class="box-h"></view>
    </view>
    <view class="three top-three-option">
      <view class="leader-info" wx:if="{{listInfo.list.length>2}}">
        <view class="crown">
          <text class="icon icon-crown"></text>
        </view>
        <view class="headImg-box">
          <image class="headImg" src="{{listInfo.list[2].avatar||'/img/default_logo.jpg'}}"></image>
        </view>
        <view class="leader-name">{{listInfo.list[2].nickname ||''}}</view>
        <view class="sigle">
          <view class="level {{listInfo.list[2].maxLevel==1?'ordinary':(listInfo.list[2].maxLevel==2?'copper':(listInfo.list[2].maxLevel==3?'silver':(listInfo.list[2].maxLevel==4?'gold':(listInfo.list[2].maxLevel==5?'super':''))))}}">
            <text class="icon icon-sharer-level"></text>
            <text>{{listInfo.list[2].maxLevel==1?'普通':(listInfo.list[2].maxLevel==2?'铜牌':(listInfo.list[2].maxLevel==3?'银牌':(listInfo.list[2].maxLevel==4?'金牌':(listInfo.list[2].maxLevel==5?'超级':''))))}}</text>
          </view>
        </view>
        <view class="leadGroup-num">累计佣金：￥{{listInfo.list[2].price}}</view>
      </view>
      <view class="leader-info no-data" wx:else>
        暂无数据
      </view>
      <view class="box-h"></view>
    </view>
  </view>
</view>
<view class="list">
  <block wx:if="{{listInfo.list.length>3}}">
    <view class="list-item" wx:for="{{listInfo.list}}" wx:key="userId" wx:if="{{index>2}}">
      <view class="item-rankingNum">
        <text class="have-rank">{{index+1}}</text>
      </view>
      <view class="leader-info">
        <image class="info-img" src="{{item.avatar||'/img/default_logo.jpg'}}"></image>
        <view class="info-name">{{item.nickname || ''}}</view>
        <view class="info-sigle">
          <view class="level {{item.maxLevel==1?'ordinary':(item.maxLevel==2?'copper':(item.maxLevel==3?'silver':(item.maxLevel==4?'gold':(item.maxLevel==5?'super':''))))}}">
            <text class="icon icon-sharer-level"></text>
            <text>{{item.maxLevel==1?'普通':(item.maxLevel==2?'铜牌':(item.maxLevel==3?'银牌':(item.maxLevel==4?'金牌':(item.maxLevel==5?'超级':''))))}}</text>
          </view>
        </view>
      </view>
      <view class="item-times" wx:if="{{item.price>=0}}">累计佣金：￥{{item.price}}</view>
    </view>
  </block>
  <block wx:else>
    <view class='noData'>
      <text class="ion-baby"></text><text>~暂无数据~</text>
    </view>
  </block>
</view>
<view class="oneself" wx:if="{{listInfo.list.length>0&&listInfo.oneself&&listInfo.oneself.nickname}}">
  <view class="list-item">
    <view class="item-rankingNum">
      <text class="{{listInfo.oneself && listInfo.oneself.rankNum!=-1?'':'no-rank'}}">{{listInfo.oneself && listInfo.oneself.rankNum!=-1?listInfo.oneself.rankNum:'未上榜'}}</text>
    </view>
    <view class="leader-info">
      <image class="info-img" src="{{listInfo.oneself.avatar||'/img/default_logo.jpg'}}"></image>
      <view class="info-name">{{listInfo.oneself.nickname}}</view>
      <view class="info-sigle">
        <view class="level {{listInfo.oneself.maxLevel==1?'ordinary':(listInfo.oneself.maxLevel==2?'copper':(listInfo.oneself.maxLevel==3?'silver':(listInfo.oneself.maxLevel==4?'gold':(listInfo.oneself.maxLevel==5?'super':''))))}}">
          <text class="icon icon-sharer-level"></text>
          <text>{{listInfo.oneself.maxLevel==1?'普通':(listInfo.oneself.maxLevel==2?'铜牌':(listInfo.oneself.maxLevel==3?'银牌':(listInfo.oneself.maxLevel==4?'金牌':(listInfo.oneself.maxLevel==5?'超级':''))))}}</text>
        </view>
      </view>
    </view>
    <view class="item-times">累计佣金：￥{{listInfo.oneself.price}}</view>
  </view>
</view>