javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): update tabs demo

Browse Source
This commit is contained in:
Drew Rygh
2016-01-05 21:15:10 -06:00
parent 77a7fa5cba
commit 4b9a761f76
7 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
demos/component-docs/app.scss
View File

@@ -148,3 +148,4 @@ body.ios img#ios-only {
height: auto;
z-index: 999;
}

18
demos/component-docs/cards/advanced-weather/template.html
View File

@@ -19,9 +19,9 @@
</p>
<ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
<ion-tab light tab-title="Sun" tab-icon="sunny"></ion-tab>
<ion-tab tab-title="Mon" tab-icon="snow"></ion-tab>
<ion-tab tab-title="Tue" tab-icon="cloudy"></ion-tab>
<ion-tab light tabTitle="Sun" tabIcon="sunny"></ion-tab>
<ion-tab tabTitle="Mon" tabIcon="snow"></ion-tab>
<ion-tab tabTitle="Tue" tabIcon="cloudy"></ion-tab>
</ion-tabs>
</ion-card>
@@ -39,9 +39,9 @@
</p>
<ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
<ion-tab light tab-title="Tue" tab-icon="sunny"></ion-tab>
<ion-tab tab-title="Wed" tab-icon="partly-sunny"></ion-tab>
<ion-tab tab-title="Thr" tab-icon="cloudy"></ion-tab>
<ion-tab light tabTitle="Tue" tabIcon="sunny"></ion-tab>
<ion-tab tabTitle="Wed" tabIcon="partly-sunny"></ion-tab>
<ion-tab tabTitle="Thr" tabIcon="cloudy"></ion-tab>
</ion-tabs>
</ion-card>
@@ -59,9 +59,9 @@
</p>
<ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
<ion-tab light tab-title="Sun" tab-icon="thunderstorm"></ion-tab>
<ion-tab tab-title="Mon" tab-icon="rainy"></ion-tab>
<ion-tab tab-title="Tue" tab-icon="rainy"></ion-tab>
<ion-tab light tabTitle="Sun" tabIcon="thunderstorm"></ion-tab>
<ion-tab tabTitle="Mon" tabIcon="rainy"></ion-tab>
<ion-tab tabTitle="Tue" tabIcon="rainy"></ion-tab>
</ion-tabs>
</ion-card>

9
demos/component-docs/icons/basic/styles.scss
View File

@@ -1,4 +1,7 @@
.preview-icons {
font-size: 2em;
text-align: center;
}
text-align: center !important;
icon {
font-size: 2em !important;
}
}

6
demos/component-docs/tabs/basic/pages.ts
View File

@@ -23,9 +23,9 @@ class TabTextPage {
@Page({
template:
'<ion-tabs class="tabs-basic">' +
'<ion-tab tab-title="Music" [root]="tabOne"></ion-tab>' +
'<ion-tab tab-title="Movies" [root]="tabTwo"></ion-tab>' +
'<ion-tab tab-title="Games" [root]="tabThree"></ion-tab>' +
'<ion-tab tabTitle="Music" [root]="tabOne"></ion-tab>' +
'<ion-tab tabTitle="Movies" [root]="tabTwo"></ion-tab>' +
'<ion-tab tabTitle="Games" [root]="tabThree"></ion-tab>' +
'</ion-tabs>',
})
export class BasicPage {

8
demos/component-docs/tabs/icon-text/pages.ts
View File

@@ -28,10 +28,10 @@ class TabIconTextPage {
@Page({
template:
'<ion-tabs class="tabs-icon-text">' +
'<ion-tab tab-icon="water" tab-title="Water" [root]="tabOne"></ion-tab>' +
'<ion-tab tab-icon="leaf" tab-title="Life" [root]="tabTwo"></ion-tab>' +
'<ion-tab tab-icon="flame" tab-title="Fire" [root]="tabThree"></ion-tab>' +
'<ion-tab tab-icon="magnet" tab-title="Force" [root]="tabFour"></ion-tab>' +
'<ion-tab tabIcon="water" tabTitle="Water" [root]="tabOne"></ion-tab>' +
'<ion-tab tabIcon="leaf" tabTitle="Life" [root]="tabTwo"></ion-tab>' +
'<ion-tab tabIcon="flame" tabTitle="Fire" [root]="tabThree"></ion-tab>' +
'<ion-tab tabIcon="magnet" tabTitle="Force" [root]="tabFour"></ion-tab>' +
'</ion-tabs>',
})
export class IconTextPage {

8
demos/component-docs/tabs/icon/pages.ts
View File

@@ -27,10 +27,10 @@ class TabIconPage {
@Page({
template:
'<ion-tabs class="tabs-icon">' +
'<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
'<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
'<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
'<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
'<ion-tab tabIcon="contact" [root]="tabOne"></ion-tab>' +
'<ion-tab tabIcon="compass" [root]="tabTwo"></ion-tab>' +
'<ion-tab tabIcon="analytics" [root]="tabThree"></ion-tab>' +
'<ion-tab tabIcon="settings" [root]="tabFour"></ion-tab>' +
'</ion-tabs>',
})
export class IconPage {

3
scripts/demos/index.template.html
View File

@@ -7,9 +7,10 @@
<link ios-href="/dist/bundles/ionic.ios.css" rel="stylesheet">
<link md-href="/dist/bundles/ionic.md.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<body class="platform-cordova">
<ion-app>
<ion-loading-icon></ion-loading-icon>