Ionic1模态底部导航

Question

我在所有屏幕上都可以看到底部导航，当我使用ui-router切换屏幕时，底部导航栏保持可见，但是当我按下$ionicModal时，它将覆盖底部导航栏。是否有任何CSS技巧？

Answer 1

您需要覆盖离子的模态css。 将一个类添加到模式div：

<div class="modal bottom-navigation">
Modal Content here
</div>

并在其中添加以下CSS

div.modal.bottom-navigation{
  height: calc(100vh - 50px);
  min-height: unset;
}

检查此codepen以获取工作示例：