MiniStar
/
ximalaya-lite


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							<!-- 因为其他几个页面和榜单是一样的所以其他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>