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

refactor(structure): allow content to scroll under headers/footers

Browse Source
This commit is contained in:
Adam Bradley
2016-06-16 11:28:02 -05:00
parent 64af0c8ba0
commit d13fa4e2cf
57 changed files with 1390 additions and 956 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/tabs/test/basic/index.ts
View File

@@ -6,19 +6,21 @@ import {ionicBootstrap, NavController, App, Alert, Modal, ViewController, Tab, T
//
@Component({
template: `
<ion-toolbar>
<ion-buttons start>
<button (click)="dismiss()">Cancel</button>
</ion-buttons>
<ion-header>
<ion-toolbar>
<ion-buttons start>
<button (click)="dismiss()">Cancel</button>
</ion-buttons>
<ion-title>
Filter Sessions
</ion-title>
<ion-title>
Filter Sessions
</ion-title>
<ion-buttons end>
<button (click)="dismiss()">Done</button>
</ion-buttons>
</ion-toolbar>
<ion-buttons end>
<button (click)="dismiss()">Done</button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="outer-content">
<ion-list>
@@ -66,9 +68,12 @@ class MyModal {
//
@Component({
template: `
<ion-navbar *navbar>
<ion-title>Heart</ion-title>
</ion-navbar>
<ion-header>
<ion-navbar>
<ion-title>Heart</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-list>
<ion-list-header>
@@ -108,9 +113,12 @@ export class Tab1 {
//
@Component({
template: `
<ion-navbar *navbar>
<ion-title>Schedule</ion-title>
</ion-navbar>
<ion-header>
<ion-navbar>
<ion-title>Schedule</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item-sliding *ngFor="let session of sessions" #slidingItem>
@@ -159,12 +167,15 @@ export class Tab2 {
//
@Component({
template: `
<ion-navbar *navbar>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Stopwatch</ion-title>
</ion-navbar>
<ion-header>
<ion-navbar>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Stopwatch</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<h2>Tab 3</h2>
<p>