离子项目和内容放在离子标签上方

Question

如何将离子标签放在所有显示内容的顶部。

<ion-content>
  /* ion-item*/         
</ion-content>
<ion-tabs>
   /*ion-tab*/
</ion-tabs> 

Answer 1

您不应该像现在这样在tabs文件中创建页面。您应该使用内容创建一个单独的组件，然后使用选项卡导航到这些组件（视图）。这是我为先前创建的应用程序编写的一些代码示例：

<ion-tabs #tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab1">
      <ion-icon name="home-outline"></ion-icon>
    </ion-tab-button>

    <ion-tab-button tab="tab2" (click)="openModal()">
      <ion-icon name="add-circle-outline"></ion-icon>
    </ion-tab-button>

    <ion-tab-button tab="tab3" [disabled]="!isAutenticated">
      <ion-icon name="notifications-outline"></ion-icon>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>