android - Ionic has-tabs 覆盖 has-tabs-top

Question

我在使用 Ionic-tabs 的应用程序中工作，当我在 android 设备上运行时，选项卡覆盖了内容。

通常的修复是在内容 div 上设置 has-tabs-top，但是 ionic has-tabs.pane 被覆盖了 has-tabs-top css

.has-tabs.pane, .bar-footer.has-tabs.pane {
    bottom: 49px;
    height: auto;
}


.has-tabs-top {
    top: 93px;
}


<ion-content padding="true" class="has-tabs-top">

我正在寻找一种在不更改 css 类的情况下修复它的方法

Answer 1

你需要在你的应用模块的配置方法中添加这个

$ionicConfigProvider.tabs.position("bottom"); //Places them at the bottom for all OS
$ionicConfigProvider.tabs.style("standard"); //Makes them all look the same across all OS