sweetalert2 - 用图像更改图标 sweetalert

Question

我想问一下如何用图片更改sweetalert中的icon图片？

我尝试用 assets 中的图像更改 Swal.fire 中的 icon 图像，但它不起作用

这是脚本

Swal.fire({
    icon: "<?= base_url(); ?>assets/addon-media/icon_information.png",
    html: "Are you sure want to add this ?",
    showCancelButton: true,
    confirmButtonText: 'Yes, Sure',
    cancelButtonText: 'No, Cancel',
})

Answer 1

您可以使用 iconHtml 参数为图标设置图像。此外，如果您想删除图标周围的默认边框，请使用 customClass 参数。

例子如下:

Swal.fire({
  title: 'Image icon',
  iconHtml: '<img src="https://picsum.photos/100/100">',
  customClass: {
    icon: 'no-border'
  }
})

.no-border {
  border: 0 !important;
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>