rank.wxml 2.68 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>

  <view class="decoration">
    <image class="d1" src="../../image/oss/rank/rank-d1.png" mode="widthFix" />
    <image class="d2" src="../../image/oss/rank/rank-d2.png" mode="widthFix" />
  </view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <view class="banner">
        <image class="ebg" mode="widthFix" src="../../image/oss/rank/rank-c1.png" />
        <view class="space1"></view>
        <!-- 上方排行榜 -->
        <view class="bang">
          <!-- 亚军 -->
          <view class="bang-item">
            <view class="display">
              <view class="border border2">
                <view class="inner inner2">
                  <image class="portrait" mode="widthFix" src="{{rank[1].avatar}}" />
                </view>
                <view class="no no2 ">NO.2</view>
              </view>
            </view>
            <view class="nickname">{{rank[1].nickname}}</view>
            <view class="val">弹力值: {{rank[1].elasticValue}}</view>
          </view>
          <!-- 冠军 -->
          <view class="bang-item">
            <view class="display">
              <view class="border">
                <view class="inner">
                  <image class="portrait" mode="widthFix" src="{{rank[0].avatar}}" />
                </view>
                <view class="no">NO.1</view>
              </view>
            </view>
            <view class="nickname">{{rank[0].nickname}}</view>
            <view class="val">弹力值: {{rank[0].elasticValue}}</view>
          </view>
          <!-- 季军 -->
          <view class="bang-item">
            <view class="display">
              <view class="border border3">
                <view class="inner inner2">
                  <image class="portrait" mode="widthFix" src="{{rank[2].avatar}}" />
                </view>
                <view class="no no2 no3">NO.3</view>
              </view>
            </view>
            <view class="nickname">{{rank[2].nickname}}</view>
            <view class="val">弹力值: {{rank[2].elasticValue}}</view>
          </view>
        </view>
      </view>
      <!-- 下方排行榜 -->
      <view class="rank">
        <view wx:for="{{downRank}}" wx:key="{{index}}" class="rank-item {{downRank.length-1 == index?'last':''}}">
          <view class="no">NO.{{item.no}}</view>
          <view class="portrait">
            <image mode="widthFix" src="{{item.avatar}}" />
          </view>
          <view class="nickname">{{item.nickname}}</view>
          <view class="val">{{item.elasticValue}}</view>
        </view>
      </view>
    </view>
  </view>
</view>