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

Yerk not yerkin

Browse Source
This commit is contained in:
Max Lynch
2015-06-23 19:03:12 -05:00
parent badf34cb19
commit d6179a8460
2 changed files with 39 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ionic/components/app/test/yerk/index.js
View File

@ -31,30 +31,32 @@ class HomeTabPage {
} }
} }
@Component({selector: 'ion-view'})
@IonicView({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Peek</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'</ion-content>'
})
class PeekTabPage {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
}
}
@Component({selector: 'ion-view'}) @Component({selector: 'ion-view'})
@IonicView({ @IonicView({
template: `<ion-tabs id="tabs"> templateUrl: 'tabs.html'
<ion-tab tab-title="Home" tab-icon="ion-earth"></ion-tab>
<ion-tab tab-title="Peek" tab-icon="ion-ios-glasses">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="Me" tab-icon="ion-ios-person">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="More" tab-icon="ion-ios-more">
<ion-content class="padding">
</ion-content>
</ion-tab>
</ion-tabs>
`
}) })
class TabsPage { class TabsPage {
constructor() { constructor() {
this.firstTabPage = HomeTabPage; this.homeTab = HomeTabPage;
this.peekTab = PeekTabPage;
} }
} }

19
ionic/components/app/test/yerk/tabs.html Normal file
View File

@ -0,0 +1,19 @@
<ion-tabs id="tabs">
<ion-tab tab-title="Home" tab-icon="ion-earth" [initial]="homeTab"></ion-tab>
<ion-tab tab-title="Home" tab-icon="ion-earth" [initial]="peekTab"></ion-tab>
</ion-tabs>
<!--
<ion-tab tab-title="Home" tab-icon="ion-earth"></ion-tab>
<ion-tab tab-title="Peek" tab-icon="ion-ios-glasses">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="Me" tab-icon="ion-ios-person">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="More" tab-icon="ion-ios-more">
<ion-content class="padding">
</ion-content>
</ion-tab>
-->