再会。您能否使用ionic 2中的菜单组件向我解释一件事,我已经编写了以下代码:
<ion-menu [content]="content">
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item (click)="open(profileRoot)">Profile</button>
<button ion-item (click)="open(farmPage)">Farms</button>
<button ion-item (click)="open(feedsRoot)">Feeds</button>
<button ion-item (click)="open(calculatorRoot)">Calculator</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" #content [root]="calculatorRoot"></ion-nav>
在每个组件中,我都有以下代码:
<ion-navbar *navbar>
<ion-buttons start>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
</ion-buttons>
<ion-title>Profile</ion-title>
</ion-navbar>
<ion-content class="calculator-page">
Profile
</ion-content>
但是,问题是-菜单图标应在iOS上按原样显示在左侧,而在android设备上则显示在右侧。有人可以解释为什么会这样吗?
这是因为CSS对于Android和iOS是不同的。
如果您检查<ion-buttons>
,则会看到:
ion-buttons { order: 4; }
ion-buttons { order: 3; }
这是FLEX顺序,它确定按钮的位置。
如果您想在iOS和Android上享有相同的职位,则应输入以下内容app.md.scss
:
ion-buttons { order: 3; }
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句