bangdan.wxml 1.7 KB

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