像 Ionic 2 中的模态一样警报

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;
  }
}