Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Скрыть кнопку гамбургера меню значков по умолчанию в Ionic Menu | Ионный 4

Автор вопроса: Mr. DeveloperОтветов: 2

Мне нужно удалить меню значков гамбургера по умолчанию в ионном меню. Я добавил пользовательское меню, и мне нужно удалить значок по умолчанию.

Итак, мой код:

<ion-menu side="start">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item>
        <ion-icon name="home" slot="start"></ion-icon>
        <ion-label>Home</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="person" slot="start"></ion-icon>
        <ion-label>Profile</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="chatbubbles" slot="start"></ion-icon>
        <ion-label>Messages</ion-label>
      </ion-item>
      <ion-item>
        <ion-icon name="settings" slot="start"></ion-icon>
        <ion-label>Settings</ion-label>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

Мое меню макета:

Меню макета

HTML-код кнопки:

<ion-header _ngcontent-yjt-c1="" role="banner" class="ios header-ios hydrated">
    <ion-toolbar _ngcontent-yjt-c1="" class="ios hydrated">
        <ion-buttons _ngcontent-yjt-c1="" slot="start" class="buttons-first-slot sc-ion-buttons-ios-h sc-ion-buttons-ios-s ios hydrated">
            <ion-menu-button _ngcontent-yjt-c1="" class="hydrated ios button ion-activatable ion-focusable"></ion-menu-button>
        </ion-buttons>
        <ion-title _ngcontent-yjt-c1="" class="ios title-ios hydrated"></ion-title>
    </ion-toolbar>
</ion-header>

Мне нужно удалить значок по умолчанию внутри круга. Как сделать чтобы удалить?

  • Можете ли вы показать нам html-код значка меню, который вы хотите скрыть? ForestG 09.09.2019

ionic-frameworkmenuangularhtml

Ответы

Ответ 1 · ForestG

Не могли бы вы попробовать следующие правила css? Не могли бы вы проверить, не работают ли они, если они добавляются в css страницы, которую вы просматриваете?

ion-menu-button {
    display: none !important;
}

or 

ion-buttons {
    display: none !important;
}

or

.button.ion-activatable.ion-focusable {
    display: none !important;
}

Ответ 2 · Bhavitha Annam

Добавьте приведенные ниже стили в файл app.scss, чтобы скрыть кнопку меню по умолчанию.

.bar-button-menutoggle {
  display: none !important;
}

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы