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属性将选项卡定位在页面的顶部或底部即可。从配置中删除标签位置，并在各个标签html上添加tabsPlacement属性

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

离子2 / 3-标签定位

1 个答案: