离子 2/3- 标签定位

Question

我正在使用 Ionic 2 开发 Ionic 应用程序。我在几个页面中实现了选项卡。但是在一个页面中，选项卡需要放在底部，而在另一个页面上，它需要放在顶部。这两个页面中的选项卡不同。

例如，在页面 A 上，标签需要放在底部，而在页面 B 上，标签需要放在顶部

在app.module.ts中，我给出了如下代码

IonicModule.forRoot(MyApp, {
  tabsPlacement: 'top',
  platforms: {
    android: {
      tabsPlacement: 'top'
    },
    ios: {
      tabsPlacement: 'top'
    },
    windows:
    {
      tabsPlacement: 'top'
    }
  }
}),

以上代码，将两个页面上的选项卡都放在顶部。

我的问题是，有没有一种方法可以指定页面特定的标签位置？

谢谢！

Answer 1

如果要在两个不同的页面上使用两个不同的选项卡，您可以简单地使用组件上的 tabsPlacement 属性将选项卡放置在页面的顶部或底部。从您的配置中删除选项卡位置并在各个选项卡上添加 tabsPlacement 属性 html

<ion-tabs tabsPlacement="top"> // specify bottom to position at the bottom
  ...
<ion-tabs>

离子 2/3- 标签定位

ionic 2/3- tabs positioning

ionic2

ionic-tabs

ionic3