Ionic模态框底部间距

Question

Ionic模态框底部间距

cssionic-framework

3

我无法设置模态框与屏幕底部之间的距离！在我的 CSS 中，我将“ion-modal-view”元素的高度和宽度设置为一些百分比，并相应地给了左、右、上和下的值，所有的东西都按预期工作，我的模态框居中显示，但是我不能将其从底部分离开。

有任何帮助吗？

- wassimans

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- wassimans · Accepted Answer

最后，我通过用一个

包装我的，并在类上应用一个指令，使我的自定义边距生效。

<div class="adic-modal">
    <ion-modal-view class="adic-popup">
        <!--some content-->
    </ion-modal-view>
</div>

这是CSS代码：

.adic-modal .modal {
    min-height: 0 !important;
}

.adic-popup {
    width: 90%;
    height: 60%;
    top: 20%;
    bottom: 20%;
    right: 5%;
    left: 5%;
    background-color: #ffffff;
}

我需要知道我所做的是否是正确的方法。