Css 离子2中的类警报模式

我希望在我的警报中有很多功能，所以我在一个模式中实现了所有功能…现在我想将这个模式简化为一个警报，比如不占用屏幕上的整个空间，并在我们模式之外的空间显示背景。 如下图所示

你能告诉我如何在模式外执行，使它看起来像一个警报吗。。 在离子2中

---

请提前帮助，谢谢

您可以在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;
  }
}

---

您可以在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;
  }
}