添加布局文件

高宇桥 · 高宇桥 · commit 3f55a3c20a21 · 2016-10-28T17:57:10.000+08:00
diff --git a/src/app/Components/Tab/tab.component.html b/src/app/Components/Tab/tab.component.html
@@ -1,5 +1,5 @@
 
-<div class="page">
+<div class="page tabbar js_show">
     <div class="page__bd" style="height: 100%;">
         <div class="weui-tab">
             <div class="weui-tab__panel">
diff --git a/src/app/Components/Tab/tab.component.ts b/src/app/Components/Tab/tab.component.ts
@@ -5,7 +5,12 @@ import { AppState } from '../../app.service';
 
 @Component({
   selector: 'tab',  
-  
+  styles:[`.page{   
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;}`],
   templateUrl: './tab.component.html'
 })
 export class TabComponent {
diff --git a/src/app/View/home/home.component.ts b/src/app/View/home/home.component.ts
@@ -29,9 +29,10 @@ export class HomeComponent {
   items : Object[];
 
   tap(e:Object){
-    this._element.nativeElement.querySelector('.weui-tab__panel').innerHTML= '<div>111</div>'
+     this.fill('啊') ;
   }
-  
+  initPage = ()=>{this.fill(`<div>asdasd</div>`)};
+  fill = (html:String)=>{this._element.nativeElement.querySelector('.weui-tab__panel').innerHTML = html};
   ngOnInit() {
     this.items = [{
       src:'./assets/img/sc.png',
@@ -42,6 +43,6 @@ export class HomeComponent {
       activeSrc:'./assets/img/mya.png',
       text:'我的'
     }]
+    this.initPage();
   }
-
 }

Original file line number	Diff line number	Diff line change
`@@ -29,9 +29,10 @@ export class HomeComponent {`
`29`	`29`	`items : Object[];`
`30`	`30`
`31`	`31`	`tap(e:Object){`
`32`		`- this._element.nativeElement.querySelector('.weui-tab__panel').innerHTML= '<div>111</div>'`
	`32`	`+ this.fill('啊') ;`
`33`	`33`	`}`
`34`		`-`
	`34`	+ initPage = ()=>{this.fill(`<div>asdasd</div>`)};
	`35`	`+ fill = (html:String)=>{this._element.nativeElement.querySelector('.weui-tab__panel').innerHTML = html};`
`35`	`36`	`ngOnInit() {`
`36`	`37`	`this.items = [{`
`37`	`38`	`src:'./assets/img/sc.png',`
`@@ -42,6 +43,6 @@ export class HomeComponent {`
`42`	`43`	`activeSrc:'./assets/img/mya.png',`
`43`	`44`	`text:'我的'`
`44`	`45`	`}]`
	`46`	`+ this.initPage();`
`45`	`47`	`}`
`46`		`-`
`47`	`48`	`}`