dd_xcx/pages/statistics/getTask/getTask.axml

<view>
  <view class="header margin-bottom">
    <view class="flex-box flex-v-ce selectItems border-bottom">
      <view data-index="1" class="{{activeIndex == 1? 'active':''}} flex-1" catchTap="activeItem">正在抢单</view>
      <!-- <view data-index="2" class="{{activeIndex == 2? 'active':''}} flex-1" catchTap="activeItem">抢单结束</view> -->
      <view data-index="3" class="{{activeIndex == 3? 'active':''}} flex-1" catchTap="activeItem">我抢到的</view>
    </view>
  </view>
  <view class="main scroll">
    <scroll-view class="scroll" a:if="{{(activeIndex==1||activeIndex==2)&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="li border-bottom"  a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <view class="flex-box li-top">
          <view class="flex-1">{{item.task_name}}</view>
          <view class="red" a:if="{{item.base_point>0}}">+{{item.base_point}} {{item.pt_name}}</view>
          <view class="green" a:else>{{item.base_point}} {{item.pt_name}}</view>
        </view>
        <view class="flex-box li-bottom">
          <text class="flex-1 fontColorC">{{item.expire_time}} 截止</text>
          <button type="primary" class="defBtn" data-item="{{item}}" a:if="{{activeIndex == 1&&!userInfo.is_creator&&item.owner_id!=userInfo.id&&item.reviewer_id!=userInfo.id}}">抢任务</button>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <scroll-view class="scroll" a:if="{{activeIndex==3&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="li border-bottom"  a:for="{{list}}" catchTap="openDetail2" data-item="{{item}}">
        <view class="flex-box li-top">
          <view class="flex-1">{{item.task_name}}</view>
          <view class="red" a:if="{{item.point_config.base_point>0}}">+{{item.point_config.base_point}} {{item.pt_name}}</view>
          <view class="green" a:else>{{item.point_config.base_point}} {{item.pt_name}}</view>
        </view>
        <view class="flex-box li-bottom">
          <text class="flex-1 fontColorC">{{item.expire_time}} 截止</text>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <no-data a:if="{{list.length==0}}" content="暂无数据"></no-data>
  </view>
</view>