用图像更改图标sweetalert

Question

我想问如何用图像更改

icon

中的

sweetalert

图像？

我尝试使用

icon

中的图像更改

Swal.fire

中的

assets

图像，但它不起作用

这是脚本

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>