ximalaya-lite/pages/index/bangdan/bangdan.wxml

<!-- 因为其他几个页面和榜单是一样的所以其他3个页面就都用的这一个界面 -->
<block wx:if="{{showCover}}">
  <!-- 蒙板内容 要放在蒙板的外面-->
  <view class="hmly-menu">
    <view class="hmly-menu-item {{currentTab === index ? 'hmly-menu-item-active' : ''}}" 
    wx:for="{{navTitle}}" wx:key="index" data-index="{{index}}" bindtap="coverCheck">
      {{item.title}}
    </view>
  </view>
  <!-- 蒙板 -->
  <view class="hmly-cover" bindtap="closeCover"></view>
</block>
<block>
  <view class="hmly-top-nav">
    <scroll-view class="hmly-scroll-wrapper" scroll-x scroll-with-animation="true" scroll-into-view="item{{currentTab < 4 ? 0 : currentTab - 3}}" catchtouchmove="preventTouchMove" >
      <view class="hmly-navigate-item" id="item{{index}}" wx:for="{{navTitle}}" wx:key="index" data-index="{{index}}" bindtap="handleClick">
        <view class="hmly-names {{currentTab === index ? 'active' : ''}}">{{item.title}}</view>
        <view class="hmly-currtline {{currentTab === index ? 'active' : ''}}"></view>
      </view>
    </scroll-view>
    <!-- 下拉按钮 -->
    <view class="hmly-pull-down" bindtap="pullDown">
      <view class="icon-right"></view>
    </view>
  </view>
  <!-- 对应的内容区 -->
  <view class="hmly-content-item"  wx:for="{{list}}" wx:key="index">
    <view class="hmly-index-number">
      <view>{{index > 10 ? index : '0'+(index+1)}}</view>
    </view>
    <image src="{{item.albumCoverUrl290}}"></image>
    <view class="hmly-content-left">
      <view class="hmly-content-title">{{item.title}}</view>
      <view class="hmly-content-text">{{item.trackTitle}}</view>
      <view class="hmly-count">
        <view style="margin-right:25rpx;">
          <!-- 本例中33.2亿的单位是写死的，此处应该是后端返回数据吧 -->
          <text class="icon-video"></text>
          <text class="">33.2亿</text>
        </view>
        <view>
          <text class="icon"></text>
          <text class="">44集</text>
        </view>
      </view>
    </view>
  </view>
</block>