reader/components/activityList/index.wxml

<view class="activityList">
  <view class="activityBox" wx:for="{{activityList}}" wx:key="id">
    <image src="" class="cover" />
    <view class="footer">
      <view class="info">
        <view class="title">{{item.name}}</view>
        <view class="timeOut" wx:if="{{item.second}}">距活动结束：
          <view class="outNum">{{item.hour}}</view>
          <view class="outSplit">:</view>
          <view class="outNum">{{item.minute}}</view>
          <view class="outSplit">:</view>
          <view class="outNum">{{item.second}}</view>
        </view>
      </view>
      <view class="btn">立即参与</view>
    </view>
  </view>
  <view class="ranking-class-1">
    <view class="header">
      <view class="title">邀新榜TOP100</view>
      <view class="toAll">查看全部
        <image src="/static/black.png" class="backIcon" />
      </view>
    </view>
    <view class="body">
      <view class="top">
        <view class="userBox">
          <view class="secondUser">
            <image src="/static/task1.png" class="avatar" />
          </view>
          <view class="nickName textOver">正直的憨憨正直的憨憨</view>
        </view>
        <view class="userBox">
          <view class="firstUser">
            <image src="/static/task1.png" class="avatar" />
          </view>
          <view class="nickName textOver">正直的憨憨正直的憨憨</view>
        </view>
        <view class="userBox">
          <view class="thirdUser">
            <image src="/static/task1.png" class="avatar" />
          </view>
          <view class="nickName textOver">正直的憨憨正直的憨憨</view>
        </view>
      </view>
      <view class="btm">
        <view class="userBox" wx:for="{{5}}" wx:key="index">
          <image src="/static/task1.png" class="avatar" />
          <view class="nickName textOver">正直的憨憨正直的憨憨</view>
        </view>
      </view>
    </view>
  </view>
  <view class="ranking-class-2 {{type=='2'?'yxb':type=='3'?'rbb':'pkb'}}">
    <view class="header">
      <view class="left">
        <image src="{{type=='2'?'/static/yxb.png':type=='3'?'/static/rbb.png':'/static/pkb.png'}}" class="icon" />
        <view class="title">{{type=='2'?'邀新榜':type=='3'?'热播榜':'PK榜'}}</view><text>TOP100</text>
      </view>
      <view class="toAll">查看全部
        <image src="/static/rBtn.png" class="backIcon" />
      </view>
    </view>
    <view class="body">
      <view class="row">
        <view class="left">
          <image src="/static/1-1.png" class="stand" />
          <image src="/static/play-big.png" class="avatar" />
          <view class="nickName textOver">樱桃小丸子</view>
        </view>
        <view class="right">
          <image src="{{type=='2'?'/static/yx.png':type=='3'?'/static/play.png':'/static/win.png'}}" class="playIcon" />
          <view class="num">186</view>
        </view>
      </view>
      <view class="row">
        <view class="left">
          <image src="/static/2-1.png" class="stand" />
          <image src="/static/play-big.png" class="avatar" />
          <view class="nickName textOver">樱桃小丸子</view>
        </view>
        <view class="right">
          <image src="{{type=='2'?'/static/yx.png':type=='3'?'/static/play.png':'/static/win.png'}}" class="playIcon" />
          <view class="num">186</view>
        </view>
      </view>
      <view class="row">
        <view class="left">
          <image src="/static/3-1.png" class="stand" />
          <image src="/static/play-big.png" class="avatar" />
          <view class="nickName textOver">樱桃小丸子</view>
        </view>
        <view class="right">
          <image src="{{type=='2'?'/static/yx.png':type=='3'?'/static/play.png':'/static/win.png'}}" class="playIcon" />
          <view class="num">186</view>
        </view>
      </view>
    </view>
  </view>
  <view class="activityBox">
    <image src="" class="cover" />
    <view class="footer">
      <view class="info">
        <view class="title">新学期 朗读赛</view>
        <view class="time">2023.03.8-2023.03.14</view>
      </view>
      <view class="btn">立即参与</view>
    </view>
  </view>
</view>