像Ionic 2中的Modal这样的警报

Question

我想要警报中的许多功能，所以我在模式中实现了所有功能……现在，我想将该模式切成一个整体，作为警报，就像不占用屏幕上的整个空间并在我们的模式中显示剩余的空白。 如下图所示

例如：你能告诉我现在在模态之外实现吗，使它看起来像一个警报。.在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;
  }
}