亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我的菜單被頁面內容隱藏了?

為什么我的菜單被頁面內容隱藏了?

森欄 2024-01-18 09:48:15
這是我第一次使用 ionic 5。所以我嘗試在我的應用程序中添加側面菜單。但是當我添加它時,它被我的頁面內容隱藏了。到處我都這么稱呼它。您遇到同樣的問題嗎?我的app.component.html    <ion-app>      <ion-menu contentId="menu-content" menuId="menu-content" side="end">        <ion-header>          <ion-toolbar>            <ion-title>Awesome avocado menu</ion-title>          </ion-toolbar>        </ion-header>        <ion-content>          Awesome avocado content        </ion-content>      </ion-menu>      <ion-router-outlet id="menu-content"></ion-router-outlet>    </ion-app>        <ion-tabs>      <ion-tab-bar slot="bottom">        <ion-tab-button routerLinkActive="tab-selected" routerLink="/home" class="ios" tab="home">          <ion-icon name="list-box"></ion-icon>          <ion-label>Appointments</ion-label>        </ion-tab-button>            <ion-tab-button routerLinkActive="tab-selected" routerLink="/make-appointment" class="ios" tab="make-appointment">          <ion-icon name="add-circle"></ion-icon>          <ion-label>Book Appointment</ion-label>        </ion-tab-button>      </ion-tab-bar>    </ion-tabs>在我的 home.html 中<ion-header>  <ion-toolbar>    <ion-buttons slot="start">      <ion-menu-button  auto-hide="true" ></ion-menu-button>    </ion-buttons> <ion-title>app-menu</ion-title>  </ion-toolbar></ion-header><ion-content>  Lorem Ipsum is simply dummy text of the   printing and typesetting industry. Lorem Ipsum has been the   industry's standard dummy</ion-content>謝謝你!
查看完整描述

1 回答

?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

它與您的頁面內容重疊的原因是您已將<ion-tabs>其放置在<ion-app>.

App 是 Ionic 應用程序的容器元素。每個項目應該只有一個元素。覆蓋組件<ion-app>在出現時會被附加到 。

因此,將 ion-tabs 放入 ion-app 中。但更優化的方法是將其放置<ion-tabs>在單獨的頁面中,例如 home.component.html,因為 ion-tabs 也是其他頁面(選項卡)的容器。從那里您可以創建打開選項卡的邏輯。

查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 159 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號