ranking.wxml 1.9 KB

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