mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
36 lines
707 B
HTML
36 lines
707 B
HTML
<div class="slides-div">
|
|
<ion-slides [options]="myTopSlideOptions" #loopSlider (change)="onSlideChanged($event)" pager>
|
|
<ion-slide *ngFor="#slide of slides" [ngClass]="slide.class">
|
|
Loop {{ slide.name }}
|
|
</ion-slide>
|
|
</ion-slides>
|
|
</div>
|
|
|
|
|
|
<div class="slides-div">
|
|
<ion-slides (change)="onSlideChanged($event)" pager>
|
|
<ion-slide *ngFor="#slide of slides" [ngClass]="slide.class">
|
|
Don't Loop {{ slide.name }}
|
|
</ion-slide>
|
|
</ion-slides>
|
|
</div>
|
|
|
|
<style>
|
|
.slides-div {
|
|
height: 50%;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.yellow {
|
|
background-color: #fbeb14;
|
|
}
|
|
|
|
.red {
|
|
background-color: #ED4337;
|
|
}
|
|
|
|
.blue {
|
|
background-color: #89cff0;
|
|
}
|
|
</style>
|