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

Sink router

Browse Source
This commit is contained in:
Max Lynch
2015-07-14 15:47:04 -05:00
parent 654bb8cd97
commit e231579c6e
5 changed files with 86 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ionic/components/app/test/sink/pages/tabs.ts
View File

@ -33,6 +33,34 @@ class TopTabPage {
}
}
@IonicView({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Search</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'</ion-content>'
})
class SearchTabPage {
constructor(nav: NavController) {
this.nav = nav;
}
}
@IonicView({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Updates</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'</ion-content>'
})
class UpdatesTabPage {
constructor(nav: NavController) {
this.nav = nav;
}
}
@IonicView({
template: `
<ion-navbar *navbar><ion-nav-items primary><button icon (^click)="toggleMenu()"><i class="icon ion-navicon"></i></button></ion-nav-items><ion-title>Tabs</ion-title></ion-navbar>
@ -40,12 +68,8 @@ class TopTabPage {
<ion-tabs id="tabs">
<ion-tab tab-title="Featured" tab-icon="ion-ios-star" [root]="featuredTab"></ion-tab>
<ion-tab tab-title="Top Charts" tab-icon="ion-ios-list-outline" [root]="topTab"></ion-tab>
<ion-tab tab-title="Search" tab-icon="ion-ios-search">
<ion-navbar *navbar><ion-nav-items primary><button icon (^click)="toggleMenu()"><i class="icon ion-navicon"></i></button></ion-nav-items><ion-title>Search</ion-title></ion-navbar>
</ion-tab>
<ion-tab tab-title="Updates" tab-icon="ion-ios-download-outline">
<ion-navbar *navbar><ion-nav-items primary><button icon (^click)="toggleMenu()"><i class="icon ion-navicon"></i></button></ion-nav-items><ion-title>Updates</ion-title></ion-navbar>
</ion-tab>
<ion-tab tab-title="Search" tab-icon="ion-ios-search" [root]="searchTab"></ion-tab>
<ion-tab tab-title="Updates" tab-icon="ion-ios-download-outline" [root]="updatesTab"></ion-tab>
</ion-tabs>
`
})
@ -54,5 +78,7 @@ export class TabsPage extends SinkPage {
super(app);
this.featuredTab = FeaturedTabPage;
this.topTab = TopTabPage;
this.searchTab = SearchTabPage;
this.updatesTab = UpdatesTabPage;
}
}