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

chore(): fix tabs demo

Browse Source
This commit is contained in:
mhartington
2016-10-11 13:30:47 -04:00
parent 97426f8af4
commit ec8a395d61
2 changed files with 38 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
demos/src/tabs/app.component.ts
View File

@ -1,13 +1,33 @@
import { Component } from '@angular/core';
import { Component, ViewEncapsulation } from '@angular/core';
@Component({
template: '<div>johnny utah</div>',
selector: 'tab-page'
})
export class TabPage {}
@Component({
templateUrl: 'page.html'
templateUrl: 'page.html',
selector: 'api-demo-page',
encapsulation: ViewEncapsulation.None,
styles: [
`
ion-tabs {
margin-bottom: 20px;
}
`,
`
ion-tabs,
ion-tabs .tabbar {
position: relative;
top: auto;
height: auto;
visibility: visible;
opacity: 1;
}
`
]
})
export class ApiDemoPage {
root = TabPage;
@ -15,7 +35,8 @@ export class ApiDemoPage {
@Component({
template: '<ion-nav [root]="root"></ion-nav>'
template: '<ion-nav [root]="root"></ion-nav>',
selector: 'api-demo-app'
})
export class ApiDemoApp {
root = ApiDemoPage;

30
demos/src/tabs/style.css
View File

@ -1,16 +1,14 @@
ion-tabs:first-child {
margin-top: 60px;
}
ion-tabs {
margin-bottom: 20px;
}
ion-tabs,
ion-tabs .tabbar {
position: relative;
top: auto;
height: auto;
visibility: visible;
opacity: 1;
}
ion-tabs:first-child {
margin-top: 60px;
}
ion-tabs {
margin-bottom: 20px;
}
ion-tabs,
ion-tabs .tabbar {
position: relative;
top: auto;
height: auto;
visibility: visible;
opacity: 1;
}