bangdan.wxml 1.8 KB

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