mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
d563aa65a3
BREAKING CHANGES: Renamed all Ionic events to start with `ion`. The following events were renamed: - **Checkbox** - `change` -> `ionChange` - **DateTime** - `change` -> `ionChange` - `cancel` -> `ionCancel` - **InfiniteScroll** - `infinite` -> `ionInfinite` - **Menu** - `opening` -> `ionDrag` - `opened` -> `ionOpen` - `closed` -> `ionClose` - **Option** - `select` -> `ionSelect` - **Picker** - `change` -> `ionChange` - **RadioButton** - `select` -> `ionSelect` - **RadioGroup** - `change` -> `ionChange` - **Refresher** - `refresh` -> `ionRefresh` - `pulling` -> `ionPull` - `start` -> `ionStart` - **Searchbar** - `input` -> `ionInput` - `blur` -> `ionBlur` - `focus` -> `ionFocus` - `cancel` -> `ionCancel` - `clear` -> `ionClear` - **Segment** - `change` -> `ionChange` - `select` -> `ionSelect` - **Select** - `change` -> `ionChange` - `cancel` -> `ionCancel` - **Slides** - `willChange` -> `ionWillChange` - `didChange` -> `ionDidChange` - `move` -> `ionDrag` - **TabButton** - `select` -> `ionSelect` - **Tab** - `select` -> `ionSelect` - **Tabs** - `change` -> `ionChange` - **Toggle** - `change` -> `ionChange` Closes #6568
70 lines
1.4 KiB
HTML
70 lines
1.4 KiB
HTML
<ion-navbar *navbar>
|
|
<ion-buttons end>
|
|
<button (click)="skip()">
|
|
{{continueText}}
|
|
</button>
|
|
</ion-buttons>
|
|
<ion-title>Slides</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content>
|
|
<ion-slides pager [options]="mySlideOptions" (ionDidChange)="onSlideChanged($event)" (ionWillChange)="onSlideChangeStart($event)" (ionDrag)="onSlideMove($event)">
|
|
<ion-slide>
|
|
<h3>Thank you for choosing the Awesome App!</h3>
|
|
<div id="logo">
|
|
<img src="appicon.png" style="max-width: 128px">
|
|
</div>
|
|
<p>
|
|
The number one app for everything awesome.
|
|
</p>
|
|
</ion-slide>
|
|
<ion-slide>
|
|
<h3>Using Awesome</h3>
|
|
|
|
<div id="list">
|
|
<h5>Just three steps:</h5>
|
|
<ol>
|
|
<li>Be awesome</li>
|
|
<li>Stay awesome</li>
|
|
<li>There is no step 3</li>
|
|
</ol>
|
|
</div>
|
|
</ion-slide>
|
|
<ion-slide>
|
|
<h3>Any questions?</h3>
|
|
</ion-slide>
|
|
</ion-slides>
|
|
</ion-content>
|
|
|
|
<style>
|
|
.slide {
|
|
color: #000;
|
|
text-align: center;
|
|
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
|
|
#logo {
|
|
margin: 30px 0px;
|
|
}
|
|
|
|
#list {
|
|
width: 170px;
|
|
margin: 30px auto;
|
|
font-size: 20px;
|
|
}
|
|
#list ol {
|
|
margin-top: 30px;
|
|
}
|
|
#list ol li {
|
|
text-align: left;
|
|
list-style: decimal;
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.button.ng-hide{
|
|
display:none;
|
|
}
|
|
</style>
|