在ionic 3中创建自定义对话框/弹出/警报答案

【问题标题】：Create custom dialog box / PopUp / Alert in ionic 3在ionic 3中创建自定义对话框/弹出/警报
【发布时间】：2018-05-14 01:42:06
【问题描述】：

我正在寻找一种在弹出/警报上应用 css/sccs 的方法。
想要设计我的警报框，下面是对我有用的答案。

【问题讨论】：

标签： angular sass ionic3

【解决方案1】：

检查后我们可以很容易地发现弹出窗口中应用的类-
我们有很多类，如对话框、警报包装器、警报头、警报标题等。
我们可以根据我们的要求申请课程。
在相关的 sccs 文件中应用以下代码作为-

/*for popup*/
ion-alert {

  &.alert-warning {
    .alert-head {
      background: map-get($colors, warning);
      color: #fff;
      margin-bottom: 10px;  
    }
  }
  &.alert-danger {
    .alert-title {
      background: map-get($colors, #000);
      color: #000;
      font-size: 30px !important;
      font-family: times-new-roman;
      /*margin-bottom: 10px;*/
    }
    .alert-message {
      color: #000;
      font-size: 23px;
      font-family: monospace;;
    }
      .alert-wrapper {
        background-color: #skumar
        background-size: 200% 300%;
      }
      .button-inner {
        color: #000;
      }
  }
  &.alert-success {
    .alert-head {
      background: map-get($colors, success);
      color: #fff;
      margin-bottom: 10px;
    }
  }
}

这是link 引导我完成任务

【讨论】：