<!-- packageE/others/case_library/ranking_mobile/caseLibraryRankingMobile.wxml -->
<view id="case-rangking-mobile">
  <headTemplate text="排行榜" choosed="ranking"></headTemplate>
  <view class="bg">
    <view class="list">
      <view class="li li_two" wx:if="{{list.length >= 2}}">
        <view class="img1">
          <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-ranking2.png" alt="" />
        </view>
        <view class="title">{{ list[1].case_name }}</view>
        <view class="img2">
          <image src="{{list[1].img_src}}" alt="" />
        </view>
        <view class="button" catchtap="gotoDetail" data-id="{{list[1].id}}">查看</view>
      </view>
      <view class="li-one" wx:if="{{list.length >= 1}}">
        <view class="img1">
          <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-ranking1.png" alt="" />
        </view>
        <view class="title">{{ list[0].case_name }}</view>
        <view class="img2">
          <image src="{{list[0].img_src}}" alt="" />
        </view>
        <view class="button" catchtap="gotoDetail" data-id="{{list[0].id}}">查看</view>
      </view>
      <view class="li li_thr" wx:if="{{list.length >= 3}}">
        <view class="img1">
          <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-ranking3.png" alt="" />
        </view>
        <view class="title">{{ list[2].case_name }}</view>
        <view class="img2">
          <image src="{{list[2].img_src}}" alt="" />
        </view>
        <view class="button" catchtap="gotoDetail" data-id="{{list[2].id}}">查看</view>
      </view>
    </view>
  </view>
  <view class="ul">
    <view class="li" wx:for="{{list}}" wx:key="index">
      <view class="one" wx:if="{{index < 3}}">
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-no1.png" alt="" wx:if="{{index == 0}}" />
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-no2.png" alt="" wx:if="{{index == 1}}" />
        <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/case-no3.png" alt="" wx:if="{{index == 2}}" />
      </view>
      <view class="one-1" wx:else>NO.{{ index + 1 }}</view>
      <view class="two">
        <image src="{{item.img_src}}" alt="" />
      </view>
      <view class="three">{{ item.case_name }}</view>
      <view class="four" catchtap="gotoDetail" data-id="{{item.id}}">详情</view>
    </view>
    <view style="width: 100%;height: 40rpx;line-height: 40rpx;text-align: center;" wx:if="{{!isLoadMore}}">
      没有更多了~
    </view>
  </view>
  <serviceTemplate></serviceTemplate>
</view>