代码之家 › 专栏 › 技术社区 › ananya

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

ion-menu hamburger-menu ionic3

0

ananya · 技术社区 · 7 年前

<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”时,列表是从右边来的,但是汉堡菜单图标会移到右边。

1 回复 | 直到 7 年前

1

0

rguerin 7 年前

要想让汉堡图标位于右侧,您可以尝试以下操作:

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