时间戳

首页 > 解决方案 > Ionic1 底部导航超过模态

ionic-framework - Ionic1 底部导航超过模态

问题描述

我在所有屏幕上都可以看到底部导航，当我使用 ui-router 更改屏幕时，我的底部导航栏保持可见，但是当我按下 a 时$ionicModal，它会覆盖我的底部导航栏。这有什么css技巧吗？

标签： ionic-framework

解决方案

您需要覆盖 ionic 的模态 css。向模态 div 添加一个类：

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

并添加以下CSS

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

检查此代码笔以获取工作示例：

推荐阅读