像Ionic 2中的Modal一样提醒

Question

我希望在我的警报中有很多功能，所以我在一个模态中实现了所有的东西...现在我想把这个模态切割为一个警告，就像不占用屏幕上的整个空间并在空间上显示bg我们的模式。 如下图所示

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