bangdan.wxml 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!-- 因为其他几个页面和榜单是一样的所以其他3个页面就都用的这一个界面 -->
  2. <block wx:if="{{showCover}}">
  3. <!-- 蒙板内容 要放在蒙板的外面-->
  4. <view class="hmly-menu">
  5. <view class="hmly-menu-item {{currentTab === index ? 'hmly-menu-item-active' : ''}}" wx:for="{{navTitle}}"
  6. wx:key="index" data-index="{{index}}" bindtap="coverCheck">
  7. {{item.title}}
  8. </view>
  9. </view>
  10. <!-- 蒙板 -->
  11. <view class="hmly-cover" bindtap="closeCover"></view>
  12. </block>
  13. <block>
  14. <view class="hmly-top-nav">
  15. <scroll-view class="hmly-scroll-wrapper" scroll-x scroll-with-animation="true"
  16. scroll-into-view="item{{currentTab < 4 ? 0 : currentTab - 3}}" catchtouchmove="preventTouchMove">
  17. <view class="hmly-navigate-item" id="item{{index}}" wx:for="{{navTitle}}" wx:key="index" data-index="{{index}}"
  18. bindtap="handleClick">
  19. <view class="hmly-names {{currentTab === index ? 'active' : ''}}">{{item.title}}</view>
  20. <view class="hmly-currtline {{currentTab === index ? 'active' : ''}}"></view>
  21. </view>
  22. </scroll-view>
  23. <!-- 下拉按钮 -->
  24. <view class="hmly-pull-down" bindtap="pullDown">
  25. <view class="icon-right"></view>
  26. </view>
  27. </view>
  28. <!-- 对应的内容区 -->
  29. <view class="hmly-content-item" wx:for="{{list}}" wx:key="index">
  30. <view class="hmly-index-number">
  31. <view>{{index > 10 ? index : '0'+(index+1)}}</view>
  32. </view>
  33. <image src="{{item.albumCoverUrl290}}"></image>
  34. <view class="hmly-content-left">
  35. <view class="hmly-content-title">{{item.title}}</view>
  36. <view class="hmly-content-text">{{item.trackTitle}}</view>
  37. <view class="hmly-count">
  38. <view style="margin-right:25rpx;">
  39. <!-- 本例中33.2亿的单位是写死的,此处应该是后端返回数据吧 -->
  40. <text class="icon-video"></text>
  41. <text class="">33.2亿</text>
  42. </view>
  43. <view>
  44. <text class="icon"></text>
  45. <text class="">44集</text>
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. </block>