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>