javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): prettify the platform demo

Browse Source
This commit is contained in:
Brandy Carney
2016-01-28 12:09:15 -05:00
parent 4eadc78268
commit b933029a9a
2 changed files with 42 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
demos/platform/app.html
View File

@ -1,2 +1 @@
<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
<ion-overlay></ion-overlay>

46
demos/platform/main.html
View File

@ -2,15 +2,53 @@
<ion-title>Platform</ion-title>
</ion-navbar>
<ion-content padding>
<ion-content class="platform-demo">
<p margin class="note">Change Devices to Update the Platform Values</p>
<ion-row>
<b>.is('android'):</b> {{isAndroid}}
<ion-col><b>Name</b></ion-col>
<ion-col><b>Value</b></ion-col>
</ion-row>
<ion-row>
<b>.is('ios'):</b> {{isIos}}
<ion-col>
<pre>platform.is('android')</pre>
</ion-col>
<ion-col>
<pre>{{isAndroid}}</pre>
</ion-col>
</ion-row>
<ion-row>
<b>.userAgent():</b> {{userAgent}}
<ion-col>
<pre>platform.is('ios')</pre>
</ion-col>
<ion-col>
<pre>{{isIos}}</pre>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<pre>platform.userAgent()</pre>
</ion-col>
<ion-col>
<pre>{{userAgent}}</pre>
</ion-col>
</ion-row>
</ion-content>
<style>
.platform-demo pre {
background: #f8f8f8;
font-size: 13px;
min-height: 40px;
padding: 4px;
margin-top: 0;
border: 1px solid #ddd;
border-radius: 2px;
}
.platform-demo .note {
color: #444;
font-style: italic;
}
</style>