ionic 2中的菜单

保罗·帕卡·瓦卡·塞列兹涅夫

再会。您能否使用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>,则会看到:

  • 适用于Android

ion-buttons { order: 4; }

  • 适用于iOS

ion-buttons { order: 3; }

这是FLEX顺序,它确定按钮的位置。

如果您想在iOS和Android上享有相同的职位,则应输入以下内容app.md.scss

ion-buttons { order: 3; }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法在ionic2中打开菜单

来自分类Dev

无法在ionic2中打开菜单

来自分类Dev

在ionic 2中显示菜单栏

来自分类Dev

在 Ionic 2 中动态更新侧边菜单

来自分类Dev

Ionic 2-在登录页面中禁用侧面菜单

来自分类Dev

Ionic2警报与下拉菜单?

来自分类Dev

带导航菜单的Ionic 2登录流程

来自分类Dev

Ionic 2 侧边菜单未弹出

来自分类Dev

禁用侧面菜单的滑动以打开Ionic 2中“登录”页面(或任何页面)的手势

来自分类Dev

菜单图标在ion-navbar Ionic 2中不可见

来自分类Dev

如何在侧面菜单IONIC2中显示和隐藏页面

来自分类Dev

我们如何检查当前页面是否从 ionic 2 中的侧边菜单加载

来自分类Dev

ionic v2 菜单:<ion-nav> 中的内容未呈现

来自分类Dev

如何在侧菜单 ionic 2 中删除下划线

来自分类Dev

关闭 Ionic 2 中的加载

来自分类Dev

ionic 2中的表单验证

来自分类Dev

Ionic 侧菜单:刷新 rootPage

来自分类Dev

Ionic 侧边菜单禁用链接

来自分类Dev

Ionic2-登录,然后单击侧边菜单

来自分类Dev

Ionic 2-菜单关闭在图像上单击

来自分类Dev

Ionic 2 - 显示在右侧的菜单按钮(浏览器)

来自分类Dev

Ionic-仅在具体页面中显示侧面菜单

来自分类Dev

如何在Ionic 4的侧面菜单中管理会话?

来自分类Dev

ionic2:如何在侧菜单中管理我们应用程序中的用户状态?

来自分类Dev

Ionic 2 Livereload

来自分类Dev

Ionic 2 Spinner API

来自分类Dev

IONIC 2模板

来自分类Dev

使用LocalStorage ionic 2

来自分类Dev

Ionic 2警报问题