[英]Place ion-menu icon to the right side of the header
我目前正在使用 ionic 侧边菜单模板,它对我来说工作正常,我使侧边菜单从右侧滑动,这对我来说也是一件好事,但问题是,菜单图标位于左侧尽管菜单是从右侧推动的,但足够侧面。 是否有任何解决方案可以将图标也放在标题的右侧?
<ion-menu [content]="content" type="reveal" side="right" menuToggle="right" >
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
在要显示菜单的页面中,您可以在按钮标签中放置“结束”,它会将您的菜单放置在右侧。
<ion-header>
<ion-navbar>
<button ion-button menuToggle end>
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
</ion-header>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.