javascript - 如何设计 sweetAlert

Question

我如何在 SweetAlert 中设置 AJAX 响应数据的样式 下面是我的代码和示例图像 如果有任何帮助，我们将不胜感激。 Order screenshot

swal({
  title: "Confirm your transaction",
  html:true,
  showSpinner: true,
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Send",
  closeOnConfirm: false
},function () {
  $.ajax({
    type: "post",
    url: remoteUrl,
    data: largeParams,
    success: function (data) { }
  }).done(function (data) {
    swal("Thank you for your order", data, "success");
  }).error(function (data) {
    swal("Oops", "We couldn't connect to the server!", "error");
  });
});

Answer 1

您应该使用提供的 css 类来设置模态内容的样式。请参阅此处的文档。那里提到了所有必需的类。
https://sweetalert.js.org/docs/#theming

例如:

.swal-title {
  margin: 0px;
  font-size: 25px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.21);
  margin-bottom: 28px;
}