Question

我正在尝试下面的代码将图标移到右侧。

<ion-menu [content]="content" side= "right">
    <ion-header>
      <ion-toolbar>
        <ion-title>Menu</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <button ion-item (click)="openPage(homePage)">
          Home
        </button>
        <button ion-item (click)="openPage(friendsPage)">
          Friends
        </button>
        <button ion-item (click)="openPage(eventsPage)">
          Events
        </button>
        <button ion-item (click)="closeMenu()">
          Close Menu
        </button>
      </ion-list>
    </ion-content>
  </ion-menu>

但是当我尝试使用side =“ right”时，列表来自右侧，但汉堡菜单图标向右移动。有什么方法可以实现此解决方案。如果有人有这个想法，请帮助我。

Answer 1

要将汉堡图标显示在右侧，您可以尝试以下操作：

<ion-toolbar no-border-top>
    <ion-title> Menu </ion-title>
    <button ion-button menuToggle right>
      <ion-icon name="menu"></ion-icon>
    </button>
</ion-toolbar>

如何在Ionic3中将汉堡菜单图标保留在工具栏的右侧

1 个答案: