如何在离子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" } 

我不能弄清楚当用户点击背景区域时如何解除这种模式。