mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
58 lines
1.5 KiB
HTML
58 lines
1.5 KiB
HTML
<ion-toolbar>
|
|
<ion-title>Loading</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content class="outer-content">
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Spinner Loading Indicators
|
|
</ion-list-header>
|
|
<button ion-item (click)="presentLoadingIos()">
|
|
<ion-spinner item-left name="ios"></ion-spinner>
|
|
Show iOS
|
|
</button>
|
|
<button ion-item (click)="presentLoadingDots()">
|
|
<ion-spinner item-left name="dots"></ion-spinner>
|
|
Show Dots
|
|
</button>
|
|
<button ion-item (click)="presentLoadingBubbles()">
|
|
<ion-spinner item-left name="bubbles"></ion-spinner>
|
|
Show Bubbles
|
|
</button>
|
|
<button ion-item (click)="presentLoadingCircles()">
|
|
<ion-spinner item-left name="circles"></ion-spinner>
|
|
Show Circles
|
|
</button>
|
|
<button ion-item (click)="presentLoadingCrescent()">
|
|
<ion-spinner item-left name="crescent"></ion-spinner>
|
|
Show Crescent
|
|
</button>
|
|
<button ion-item (click)="presentLoadingDefault()">
|
|
<ion-spinner item-left></ion-spinner>
|
|
Show Default
|
|
</button>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Custom Loading Indicators
|
|
</ion-list-header>
|
|
<button ion-item (click)="presentLoadingCustom()">
|
|
Show Custom
|
|
</button>
|
|
<button ion-item (click)="presentLoadingText()">
|
|
Show Text Only
|
|
</button>
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|
|
<ion-toolbar position="bottom">
|
|
<ion-buttons end>
|
|
<button (click)="goToPage2()">
|
|
Show Loading and Navigate
|
|
<ion-icon name="arrow-forward"></ion-icon>
|
|
</button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|