ranking.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!--compontents/ranking/ranking.wxml-->
  2. <view class="ranking">
  3. <view class="title">
  4. <text>{{title}}</text>
  5. </view>
  6. <view class="my-rank">
  7. <block wx:for="{{friendsThreeData}}" wx:key="{{index}}">
  8. <view class="head-rank-{{item.rank == 2 ? '0' : (item.rank == 3 ? '2' : item.rank)}}">
  9. <image src="{{item.users.headImgUrl}}" class="big-head-img"></image>
  10. <view class="head">
  11. <image src="../../pages/image/bg_{{item.rank}}.png" class="bg"></image>
  12. </view>
  13. <view class="txt">
  14. <text class="name">{{item.users.wechatName}}</text>
  15. <text wx:if="{{myData.exp >= 0}}" class="medal-num">LV{{item.number}}({{item.exp}})</text>
  16. <text wx:else class="medal-num">{{item.number}}{{str}}</text>
  17. </view>
  18. </view>
  19. </block>
  20. </view>
  21. <view class="rank-list">
  22. <view class="rank-friend" wx:for="{{friendsData}}" wx:key="{{index}}">
  23. <view class="rank-head">
  24. <text>{{item.rank}}</text>
  25. <image src="{{item.users.headImgUrl}}" class="head-img"></image>
  26. <text>{{item.users.wechatName}}</text>
  27. </view>
  28. <text wx:if="{{myData.exp >= 0}}" class="medal-num">LV{{item.number}}({{item.exp}})</text>
  29. <text wx:else class="medal-num">{{item.number}}{{str}}</text>
  30. </view>
  31. </view>
  32. <view class="my-rank-list">
  33. <view class="rank-head">
  34. <text>{{myData.rank}}</text>
  35. <image src="{{myData.users.headImgUrl}}" class="head-img"></image>
  36. <text>{{myData.users.wechatName}}</text>
  37. </view>
  38. <text wx:if="{{myData.exp >= 0}}" class="medal-num" style="color: #5b82fa">LV{{myData.number}}({{myData.exp}})</text>
  39. <text wx:else class="medal-num" style="color: #5b82fa">{{myData.number}}{{str}}</text>
  40. </view>
  41. <view class="particular" bindtap="more">
  42. 查看更多
  43. </view>
  44. </view>