mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
Shit
This commit is contained in:
BIN
ionic/components/slides/test/intro/appicon.png
Normal file
BIN
ionic/components/slides/test/intro/appicon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
10
ionic/components/slides/test/intro/index.ts
Normal file
10
ionic/components/slides/test/intro/index.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import {App, IonicApp, Http} from 'ionic/ionic';
|
||||
|
||||
|
||||
@App({
|
||||
templateUrl: 'main.html'
|
||||
})
|
||||
class MyApp {
|
||||
constructor(private app: IonicApp) {
|
||||
}
|
||||
}
|
71
ionic/components/slides/test/intro/main.html
Normal file
71
ionic/components/slides/test/intro/main.html
Normal file
@ -0,0 +1,71 @@
|
||||
<style>
|
||||
.slide {
|
||||
padding-top: 80px;
|
||||
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-nav-items primary>
|
||||
<button>
|
||||
Skip
|
||||
</button>
|
||||
</ion-nav-items>
|
||||
<ion-nav-items secondary>
|
||||
<button (click)="next()">
|
||||
Next
|
||||
</button>
|
||||
</ion-nav-items>
|
||||
<ion-title>Grid Icons</ion-title>
|
||||
</ion-navbar>
|
||||
<ion-slides pager>
|
||||
<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>
|
Reference in New Issue
Block a user