Loading

Ionic 在子页面中隐藏 tabs

Ionic 在子页面中隐藏 tabs

只需要在特定的页面隐藏:

<ion-tab-bar slot="bottom" class="tabbar">
</ion-tab-bar>

ionViewWillEnter() {
  let elements = document.querySelectorAll(".tabbar") as NodeListOf<HTMLElement>;
  if (elements != null) {
    elements.forEach(element => {
      element.style.display = 'none';
    });
  }
}

ionViewWillLeave() {
  let elements = document.querySelectorAll(".tabbar") as NodeListOf<HTMLElement>;
  if (elements != null) {
    elements.forEach(element => {
      element.style.display = 'flex';
    });
  }
}

posted @ 2024-06-13 22:17  zhpj  阅读(12)  评论(0)    收藏  举报