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