index.wxml 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <wxs src="../../utils/filter.wxs" module="filters" />
  2. <view class="rankingBox">
  3. <view class="selectDay" style="background-color: {{backgroundColor}};">
  4. <view class="swiperBox">
  5. <image src="/static/rbtn.png" class="keys leftKey" bindtap="bindDateChange" data-type='next'
  6. wx:if="{{selector.next}}" />
  7. <swiper class="daySwiper" current="{{selector.currentDay}}">
  8. <block wx:for="{{historyList}}" wx:key="*this">
  9. <swiper-item>
  10. {{item}}
  11. </swiper-item>
  12. </block>
  13. </swiper>
  14. <image src="/static/rbtn.png" class="keys" bindtap="bindDateChange" data-type='previous'
  15. wx:if="{{selector.previous}}" />
  16. </view>
  17. </view>
  18. <view class="podiumBox {{podiumBoxBg}}">
  19. <view class="switchType" bindtap="switchType">
  20. <view class="ilk {{rankingType=='3'?'current tips2':''}}" data-type='3'>
  21. 热播榜
  22. </view>
  23. <view class="ilk {{rankingType=='4'?'current tips2':''}}" data-type='4'>
  24. 挑战PK榜
  25. </view>
  26. <!-- <view class="ilk {{rankingType=='2'?'current tips2':''}}" data-type='2'>
  27. 邀新榜
  28. </view> -->
  29. </view>
  30. <view class="podiumContent">
  31. <view class="user first">
  32. <image src="{{userList[0].avatar}}" class="avatar" bindtap="jumpUserInfo"
  33. data-uid='{{userList[0].uid}}' />
  34. <view class="iconBox">
  35. <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
  36. <view class="num">{{userList[0].count}}</view>
  37. </view>
  38. <view class="nickName textOver">
  39. {{userList[0].nickName||userList[0].eid}}
  40. </view>
  41. </view>
  42. <view class="user second">
  43. <image src="{{userList[1].avatar}}" class="avatar" bindtap="jumpUserInfo"
  44. data-uid='{{userList[1].uid}}' />
  45. <view class="iconBox">
  46. <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
  47. <view class="num">{{userList[1].count}}</view>
  48. </view>
  49. <view class="nickName textOver">
  50. {{userList[1].nickName||userList[1].eid}}
  51. </view>
  52. </view>
  53. <view class="user third">
  54. <image src="{{userList[2].avatar}}" class="avatar" bindtap="jumpUserInfo"
  55. data-uid='{{userList[2].uid}}' />
  56. <view class="iconBox">
  57. <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
  58. <view class="num">{{userList[2].count}}</view>
  59. </view>
  60. <view class="nickName textOver">
  61. {{userList[2].nickName||userList[2].eid}}
  62. </view>
  63. </view>
  64. </view>
  65. </view>
  66. <view class="podiumList">
  67. <scroll-view scroll-y="true" enhanced="true" show-scrollbar="{{false}}" class="scrollBox">
  68. <view class="row" wx:for="{{userList.length-3}}" wx:key="index" data-uid='{{userList[index+3].uid}}'
  69. bindtap="jumpUserInfo">
  70. <view class="left">
  71. <view class="num">{{index+4}}</view>
  72. <image src="{{userList[index+3].avatar}}" class="avatar" lazy-load />
  73. <view class="nickName textOver">
  74. {{userList[index+3].nickName||userList[index+3].eid}}
  75. </view>
  76. </view>
  77. <view class="right">
  78. <image src="{{icon}}" class="icon {{rankingType=='4'?'iconPk':''}}" />
  79. <view class="num"> {{userList[index+3].count}}</view>
  80. </view>
  81. </view>
  82. <view class="null" wx:if="{{userList.length<=3}}">
  83. <image src="/static/inviteH.png" class="nullImg" />
  84. <view>等你来冲榜!</view>
  85. </view>
  86. </scroll-view>
  87. </view>
  88. <view class="footer">
  89. <view class="left">我的排名<text>{{ranking?ranking:'100+'}}</text></view>
  90. <button class="resetBtn rigth" wx:if="{{rankingType==4}}" bindtap="jumpIndex">
  91. 我要冲榜
  92. </button>
  93. </view>
  94. </view>