rank.wxml 1.28 KB
Edit Raw Blame History



1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35


<!--pages/index/rank/rank.wxml-->
<view class="rank" style="background-image: url('../../../img/answer/red_rank.png')">
  <view class="rank_time">更新时间：2022-03-12</view>
  <view class="white_box">
    <view class="title_box">
      <view class="title_pic">
        <image class="pic" src="/img/answer/user.png" alt="" />
        陈浩然
      </view>
      <view class="red_title">已坚持12天</view>
      <view class="red_title">34次</view>
    </view>
    <view class="grey_title">
      <view class="table_L">
        <view>排名</view>
        <view>姓名</view>
      </view>
      <view>打卡数</view>
    </view>

    <view class="table_item" wx:for="{{ rankList }}" wx:key="index" wx:for-item="value">
      <view class="table_L" >
        <image wx:if="{{index == 0}}" class="tem_pic" src="/img/answer/1.png" alt="" />
        <image wx:if="{{index == 1}}" class="tem_pic" src="/img/answer/2.png" alt="" />
        <image wx:if="{{index == 2}}" class="tem_pic" src="/img/answer/3.png" alt="" />
        <view wx:if="{{index != 0 &&  index != 1 && index != 2}}">{{index + 1}}</view>
        <view>{{value.name}}</view>
      </view>
      <view class="table_R">
        <view class="grey_R">已坚持52天</view>
        <view>120</view>
      </view>
    </view>
  </view>
</view>