<ion-card class="cardexam" lines="none">
      <ion-slides>
        <ion-slide class="ionslide" *ngFor="let dataset of dataSet">
          <div class="ionsdiv" >
            <ion-item>
              <!-- <ion-icon slot="start" class="ribbon" name="ribbon"></ion-icon> -->
              <ion-icon class="book" name="book"></ion-icon>
              <ion-label class="nowexam">{{dataset.examName}}</ion-label>
              <!-- <ion-icon name="ios-arrow-forward" slot="end"></ion-icon> -->
            </ion-item>

            <!-- <ion-icon slot="start" class="person" name="person"></ion-icon> -->
            <ion-label class="labletxt">{{dataset.operator}}老师</ion-label>
            <br>
            <!-- <ion-icon slot="start" class="logosass" name="logo-sass"></ion-icon> -->
            <!-- <ion-icon slot="start" class="time" name="time"></ion-icon> -->
            <ion-label class="labletxtlitte">开始时间</ion-label>
            <br>
            <ion-label class="labletxtlitte">{{dataset.startTime}}</ion-label>
            <br>
            <ion-label class="labletxtlitte2">你可在考试起止时间内任意时间前来答题;答题开始计时即开始,中途不可暂停超过答时间或考试载止时间不可答题,考试结束。</ion-label>
            <br>
            <ion-label class="labletxtlitte1">本次"组织在线”试题通过分数为
              <a class="labletxtlitte3">{{dataset.score}}</a>分,请细心答题。</ion-label>
            <br>
            <br>
            <ion-button ion-button color="secondary" (click)="standard()">开始作答</ion-button>

          </div>
        </ion-slide>

        <ion-slide *ngIf="dataSet =='' || dataSet== null">
          <div class="ionsdiv">
            <img src="../../assets/images/card.png" />
            <ion-card-content>
              <ion-card-title>
                暂无考试
              </ion-card-title>
              <p>
               每一个不起舞的日子,都是对生命的辜负。
              </p>
            </ion-card-content>
          </div>
        </ion-slide>
      </ion-slides>
    </ion-card>
// 轮播
import { IonSlides } from '@ionic/angular';
  // 界面重新进入时,轮播图自动播放
  ionViewWillEnter() {
    this.slides.startAutoplay();

  }
  // 退出界面时,轮播图停止
  ionViewWillLeave() {
    this.slides.stopAutoplay();
  }

ionic4 卡片轮播

相关文章:

猜你喜欢
  • 2021-09-09
  • 2021-11-02
  • 2021-11-26
  • 2021-11-22
  • 2022-12-23
  • 2021-11-19
相关资源
相似解决方案