zskk_dingding_applet/pages/index/index.axml

<view class="swiper-tab">
  <block a:for="{{tabs}}" a:for-index="index" a:for-item="item">
    <view class="swiper-tab-list flex-direct {{currentTab==index ? 'on' : ''}}" data-current="{{index}}" onTap="swichNav">{{item.name}}</view>
    <!--<view class="swiper-tab-list flex-direct {{currentTab==1 ? 'on' : ''}}" data-current="1" onTap="swichNav">合格</view><view class="swiper-tab-list flex-direct {{currentTab==2 ? 'on' : ''}}" data-current="2" onTap="swichNav">不合格</view><view class="swiper-tab-list flex-direct {{currentTab==3 ? 'on' : ''}}" data-current="3" onTap="swichNav">缺考</view> -->
  </block>
</view>
<view class="unfinished-list">
  <swiper class="demo-swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" vertical="{{vertical}}" interval="{{interval}}" circular="{{circular}}" current="{{currentTab}}" onChange="swiperChange">
    <block a:for="{{tabs}}" a:for-index="index" a:for-item="item">
      <swiper-item class="swiper-item" key="swiper-item-{{index}}">
        <block a:for="{{answerList}}">
        <view class="swiper-item-list-box" a:if="{{currentTab == 0}}" data-resultid="{{item.result_id}}" data-examid="{{item.exam_id}}" data-duration="{{item.duration}}" data-resultstatus="{{item.result_status}}" onTap="goAnswer">
          <view class="top-header flex align-center">
            <view class="answer-title">{{item.title}}</view>
            <view class="is-qualified no-start" a:if="{{item.result_status == 0}}">未开始</view>
            <view class="page-section-demo" a:if="{{item.result_status == 1}}">
              <progress percent="{{item.percent}}" show-info stroke-width="4" activeColor="#51CDE4" active="true"/>
            </view>
          </view>
          <view class="middle-answer flex align-center">
            <image mode="scaleToFill" src="../../image/time.png"/>
            <text a:if="{{item.result_status == 1}}">开始时间：{{item.result_start_time}}</text>
            <text a:else>考试时长：{{item.duration}}分钟</text>
          </view>
          <view class="bot-submit-time">起止日期：{{item.start_time}}  -  {{(item.end_time).substring(5,19)}}</view>
        </view>
        </block>
        <block a:for="{{qualifiedList}}">
        <view class="swiper-item-list-box" a:if="{{currentTab == 1}}">
          <view class="top-header flex align-center">
            <view class="flex">
              <view class="answer-title">{{itme.title}}</view>
              <view class="get-score">得分：{{item.scores}}分</view>
              <view class="answer-status flex align-center justify-center" a:if="{{item.newest==1}}">最新</view>
            </view>
            <view class="is-qualified">合格</view>
          </view>
          <view class="middle-answer flex align-center">
            <image mode="scaleToFill" src="../../image/time.png"/>
            <text>答题时长：{{itme.duration}} 总分：{{item.total}}分</text>
          </view>
          <view class="bot-submit-time">提交时间：{{item.submit_time}}</view>
        </view>
        </block>
        <block a:for="{{unqualifiedList}}">
        <view class="swiper-item-list-box" a:if="{{currentTab == 2}}" data-scores="{{item.scores}}" data-resultid="{{item.result_id}}" data-examid="{{item.exam_id}}" onTap="goretakeExam">
          <view class="top-header flex align-center">
            <view class="flex">
              <view class="answer-title">{{itme.title}}</view>
              <view class="get-score">得分：{{item.scores}}分</view>
              <view class="answer-status flex align-center justify-center" a:if="{{item.newest==0}}">历史</view>
            </view>
            <view class="is-qualified">不合格</view>
          </view>
          <view class="middle-answer flex align-center">
            <image mode="scaleToFill" src="../../image/time.png"/>
            <text>答题时长：{{itme.duration}} 总分：{{item.total}}分</text>
          </view>
          <view class="bot-submit-time">提交时间：{{item.submit_time}}</view>
        </view>
        </block>
        <block a:for="{{missedList}}">
        <view class="swiper-item-list-box" a:if="{{currentTab == 3}}">
          <view class="top-header flex align-center">
            <view class="answer-title">{{item.title}}</view>
            <view class="is-qualified no-answer">缺考</view>
          </view>
          <view class="middle-answer flex align-center">
            <image mode="scaleToFill" src="../../image/time.png"/>
            <text>剩余时间：00：10：35</text>
          </view>
          <view class="bot-submit-time">起止日期：2020-12-01 09:00:00  -  12-03 09:00:00
          </view>
        </view>
        </block>
      </swiper-item>
    </block>
  </swiper>
</view>