使用图像更改图标 sweetalert

Question

我想问一下如何用icon图像更改sweetalert图像？

我尝试过使用来自 的图像更改icon图像，但它不起作用Swal.fireassets

这是脚本

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;
}

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