标题 - 在两个按钮中间显示标题
问题描述:
我的标题中需要两个菜单按钮。不幸的是,汉堡菜单不会左移。目前,它看起来像这样:标题 - 在两个按钮中间显示标题
下面是代码:
<ion-header>
<ion-navbar>
<ion-buttons start>
<button ion-button menuToggle start>
<ion-icon class="fa fa-bars" style="color:red;"></ion-icon>
</button>
</ion-buttons>
<ion-buttons end>
<button ion-button icon-only (click)="presetActionSheet()">
<ion-icon class="fa fa-ellipsis-v" style="color:red;"></ion-icon>
</button>
</ion-buttons>
<ion-title>
<ion-icon class="fa fa-tachometer"></ion-icon>
{{'vocables.headerTitle' | translate}}
</ion-title>
</ion-navbar>
</ion-header>
答
你需要做的,如下图所示。
注:您需要使用menuToggle left
并没有必要使用<ion-buttons start>
<ion-header>
<ion-navbar>
<button ion-button menuToggle left>
<ion-icon class="fa fa-bars" style="color:red;"></ion-icon>
</button>
<ion-buttons end>
<button ion-button icon-only (click)="presetActionSheet()">
<ion-icon class="fa fa-ellipsis-v" style="color:red;"></ion-icon>
</button>
</ion-buttons>
<ion-title>
<ion-icon class="fa fa-tachometer"></ion-icon>
{{'vocables.headerTitle' | translate}}
</ion-title>
</ion-navbar>
</ion-header>