ionic4 卡片轮播

<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();
  }

在这里插入图片描述

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值