如何在離子2中定製警報？

Question

你能告訴我如何在離子2中做出定製的警報嗎？像在右上角添加圖像，使其可點擊

Answer 1

對於這些我永遠只是創建一個自定義模式頁。您可以完全控制模態的所有方面，包括尺寸。它基本上只是一個帶有控制器和模板的頁面，也非常容易實現。

http://ionicframework.com/docs/v2/api/components/modal/ModalController/應該讓你的所有設置

Answer 2

我們可以用模態而不是使用警報給予填充到模態..加入莫代爾&寫這樣的代碼在App.scss :)

ion-modal { 
    background-color: rgba(0, 0, 0, 0.5); 
    ion-content.content{ 
     top: 20%; 
     left: 10%; 

     width: 80%; 
     height: 50%; 
     border-radius: 10px; 
     .scroll-content { 
      border-radius: 20px; 
     } 
    } 
} 

Answer 3

我使用以下，以獲得所需峯尺寸。

.always-modal .modal-wrapper{ 
    background: rgba(0, 0, 0, 0.7); 
    width: 100%; 
    height: 100%; 
    left: unset !important; 
    top: unset !important; 
    .ion-page{ 
     margin:0 auto; 
     position: relative; 
     top:10%; 
     width: 75%; 
     height: 80%; 
    } 
} 

現在，無論何時我需要具有這些屬性的模態，我都會在模態選項中傳遞以下內容。

{ cssClass: "always-modal" } 

我不能弄清楚當用戶點擊背景區域時如何解除這種模式。