css - 像 Ionic 2 中的 Modal 一样发出警报

Question

我想要我的警报中有很多功能，所以我在一个模态中实现了所有的东西......现在我想将这个模态作为一个警报，就像不占据屏幕上的整个空间并在剩下的空间上显示 bg我们的模式。 如下图所示

例如:你能告诉我如何在模态之外实现，这样它看起来就像一个警报...... 在 ionic 2

请帮忙提前致谢

Answer 1

你可以在scss的帮助下调整这个

.modal-wrapper {
    position: absolute;
    width: 90%;
    height: 65%; 
    top: 20%;
    left: 5%;
  }

您可以根据需要更改内容的宽度、高度、顶部和左侧。请注意，修改此值将使您应用程序中的所有模式都使用此配置而不是默认模式。

要以灰色显示背景，请使用以下代码

@media not all and (min-height: 600px) and (min-width: 768px) {
  ion-modal ion-backdrop {
    visibility: visible;
  }
}