Naz*_*ehs 2 ionic-framework angular
嗨,一直在尝试为 Ionic 4 实现自动滑动,但似乎不起作用……下面是代码
page.ts
=========
@ViewChild(IonSlides) slider: IonSlides;
options: {
autoplay: true
}Run Code Online (Sandbox Code Playgroud)
HTML
========
<ion-slides #IonSlides pager="true" [options]="options" (ionSlidesDidLoad)="stopSlideAutoplay()">
<ion-slide>
<ion-img src="assets/whitebg.svg"></ion-img>
</ion-slide>
<ion-slide>
<ion-img src="assets/whitebg.svg"></ion-img>
</ion-slide>
</ion-slides>Run Code Online (Sandbox Code Playgroud)
page.ts 文件:
import {IonSlides} from '@ionic/angular';
import {ViewChild } from '@angular/core';
export class page implements OnInit {
@ViewChild('mySlider') slider: IonSlides;
sliderOpts = {
autoplay: true,
speed: 1000,
zoom: {
maxRatio: 5
}
};
}
Run Code Online (Sandbox Code Playgroud)
page.html 文件:
<ion-slides #mySlider pager="true"
[options]="sliderOpts" >
<ion-slide></ion-slide>
</ion-slides>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4105 次 |
| 最近记录: |