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

that whole nav overhaul thing again

Browse Source
This commit is contained in:
Adam Bradley
2015-05-28 10:19:28 -05:00
parent 2d8a6d9079
commit d827279a4f
36 changed files with 414 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ionic/components/nav/test/basic/main.html
View File

@@ -1,14 +1,2 @@
<ion-nav [initial]="initial">
</ion-nav>
<style>
ion-nav {
background: black;
}
.nav-item {
background: white;
}
</style>
<ion-nav [initial]="initial"></ion-nav>

6
ionic/components/nav/test/basic/pages/first-page.html
View File

@@ -1,5 +1,9 @@
<ion-toolbar><ion-title>First Page: {{ val }}</ion-title></ion-toolbar>
<ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title></ion-navbar>
<!-- <ion-toolbar>
First Page Sub Header: {{ val }}
</ion-toolbar> -->
<ion-content class="padding">

4
ionic/components/nav/test/basic/pages/first-page.js
View File

@@ -1,14 +1,14 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, Toolbar, Content} from 'ionic/ionic';
import {NavController, NavbarTemplate, Navbar, Content} from 'ionic/ionic';
import {SecondPage} from './second-page';
@Component({selector: 'ion-view'})
@View({
templateUrl: 'pages/first-page.html',
directives: [Toolbar, Content]
directives: [NavbarTemplate, Navbar, Content]
})
export class FirstPage {
constructor(

18
ionic/components/nav/test/basic/pages/second-page.html
View File

@@ -1,6 +1,13 @@
<ion-toolbar><ion-title>Second Page</ion-title></ion-toolbar>
<ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar>
<!-- <ion-toolbar>
Second Page Sub Header
</ion-toolbar>
<ion-toolbar>
Second Page Sub Sub Header
</ion-toolbar> -->
<ion-content class="padding">
@@ -13,3 +20,12 @@
</p>
</ion-content>
<!-- <ion-toolbar>
Second Page Sub Footer
</ion-toolbar>
<ion-toolbar>
Second Page Footer
</ion-toolbar>
-->

4
ionic/components/nav/test/basic/pages/second-page.js
View File

@@ -1,14 +1,14 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, NavParams, Toolbar, Content} from 'ionic/ionic';
import {NavController, NavParams, NavbarTemplate, Navbar, Content} from 'ionic/ionic';
import {ThirdPage} from './third-page';
@Component({selector: 'ion-view'})
@View({
templateUrl: 'pages/second-page.html',
directives: [Toolbar, Content]
directives: [NavbarTemplate, Navbar, Content]
})
export class SecondPage {
constructor(

5
ionic/components/nav/test/basic/pages/third-page.html
View File

@@ -1,6 +1,9 @@
<ion-toolbar><ion-title>Third Page</ion-title></ion-toolbar>
<ion-navbar *navbar><ion-title>Third Page Header</ion-title></ion-navbar>
<!-- <ion-toolbar>
Third Page Footer
</ion-toolbar> -->
<ion-content class="padding">

4
ionic/components/nav/test/basic/pages/third-page.js
View File

@@ -1,13 +1,13 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, Toolbar, Content} from 'ionic/ionic';
import {NavController, NavbarTemplate, Navbar, Content} from 'ionic/ionic';
@Component({selector: 'ion-view'})
@View({
templateUrl: 'pages/third-page.html',
directives: [Toolbar, Content]
directives: [NavbarTemplate, Navbar, Content]
})
export class ThirdPage {
constructor(