<!--packageH/shopRanking/shopRanking/index.wxml-->
<view id="shopRanking">
  <!-- <view class="title">{{setting.title}}</view> -->
  <view class="banner">
    <image src="{{setting.banner}}" alt=""
      class="bannerImg"></image>
    <view class="list">
      <view class="lis" wx:for="{{rank_list}}" wx:key="index">
        <view class="shopTitle">
          <view class="span">{{item.name}}</view>
          <view class="tapBd" catchtap="toBd" data-id="{{item.id}}">
            查看榜单
            <van-icon name="arrow" />
          </view>
        </view>
        <view class="listBox">
          <view class="shoplist" wx:for="{{item.goods_list}}" wx:for-item="info" wx:key="index" catchtap="goDetail" data-id="{{info.id}}">
            <view class="shopImg">
              <image src="{{info.thumb}}" alt="" class="shopimg"></image>
              <view class="posimg" style="background: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/shopRanking.png');"
                wx:if="{{index == 0}}">{{index + 1}}</view>
              <view class="posimg" style="background: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/shopRanking2.png');"
                wx:if="{{index == 1}}">{{index + 1}}</view>
              <view class="posimg" style="background: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/shopRanking3.png');"
                wx:if="{{index == 2}}">{{index + 1}}</view>
            </view>
            <view class="shopTxt">{{info.title}}</view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="posbtn" catchtap="tapBtn">榜单说明</view>

  <van-popup show="{{show}}" position="right" custom-style=" height: '100%; width: '100%' ;">
    <view style="width:100%;height:100vh;">
      <van-nav-bar title="榜单说明" left-arrow bind:click-left="onClickLeft" />
      <view class="contenTxt">
        <rich-text nodes="{{setting.summary}}"></rich-text>
      </view>
    </view>
  </van-popup>
</view>
<shopfoot></shopfoot>