离子标签不显示

时间:2018-04-01 16:27:36

标签: html angular typescript ionic-framework

我试图把我的离子片放在底部,但没有显示。谁能解释我为什么?

主页是:

<ion-content padding>

<div id="HomePage">
<ion-item id="profilePictureBox">
<img src="{{user?.profilePicture}}" id="profilePicture">
<h2 id="username">{{user?.name}}</h2>
</ion-item>

<notifications></notifications>

<upcoming-events></upcoming-events>

</div>
</ion-content>

<nav-footer></nav-footer>

我的离子标签位于组件导航页脚中:

<ion-tabs tabsPlacement="bottom" [selectedIndex]="0">
<ion-tab tabIcon="home-outline" tabTitle="Home" [root]="HomePage">
</ion-tab>
<ion-tab tabIcon="search" tabTitle="test" [root]="SearchEventsPage">
</ion-tab>
<ion-tab>
</ion-tab>
</ion-tabs>

这是默认的CSS,我什么都没改变

No Tabs in bottom but i can find the tab-component in dom

0 个答案:

没有答案