mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
71 lines
1.3 KiB
HTML
71 lines
1.3 KiB
HTML
<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>
|
|
<ion-navbar *navbar>
|
|
<ion-buttons start>
|
|
<button>
|
|
Skip
|
|
</button>
|
|
</ion-buttons>
|
|
<ion-buttons end>
|
|
<button (click)="next()">
|
|
Next
|
|
</button>
|
|
</ion-buttons>
|
|
<ion-title>Grid Icons</ion-title>
|
|
</ion-navbar>
|
|
<ion-slides pager (change)="onSlideChanged($event)" loop="true" autoplay="true">
|
|
<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>
|