2017-03-17 92 views
0

如何刪除導航欄上方的空白區域?
我嚇壞了,我嘗試了一切都沒有成功。
你有什麼建議?Ionic 2 - 刪除離子導航欄上方的空白空間

謝謝。

enter image description here

<ion-header> 
    <ion-navbar color="danger"> 
    <ion-title>Suche in der Nähe von mir</ion-title> 
     <button ion-button menuToggle> 
     <ion-icon name='menu'></ion-icon> 
     </button> 
    </ion-navbar> 
    </ion-header> 
+0

您是否使用Chrome檢查器查看CSS發生了什麼? – Chris

+0

是的,Chrome檢查器和Firefox Firebug,但沒有一個我可以得出結論。 – Michael

回答

1

搜尋here文件... SCSS/_tabs.scss

+.nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs{ 
+ top: 0 
+} 
+.pane[hide-nav-bar="true"] .has-tabs-top{ 
+ top:49px 

這應該工作!

+0

你好阿尼爾夏爾馬。感謝您的答覆。在Ionic 2中,我可以在哪裏找到這個文件? – Michael

+0

您可以在../src/app/app.scss中編寫css代碼。它會覆蓋那個。 –

+0

謝謝!但它不適合我。 – Michael