在离子3中创建自定义对话框/ PopUp / Alert

Question

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

Answer 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