ion-item и содержимое ставится выше ion-tab - PullRequest
Новая
       125

ion-item и содержимое ставится выше ion-tab

0 голосов
/ 01 мая 2020

как я могу поместить вкладки ion поверх всего отображаемого контента. 

</p>

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

enter image description here

1 Ответ

0 голосов
/ 01 мая 2020

Вы не должны создавать свою страницу внутри файла вкладок, как сейчас. Вы должны создать отдельный компонент со своим контентом, а затем использовать свои вкладки, чтобы перейти к этим компонентам (Представления). Вот пример кода, который я написал для предыдущего приложения, которое я создал: 

<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>

Как видно на примере, каждая кнопка-вкладка ion ссылается на конкретную c вкладку, эти вкладки будут содержать вашу content.

Надеюсь, что дал вам некоторую ясность.

...