如何解决使用图像更改图标甜蜜
我想问一下如何用图片更改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',})
解决方法
您可以使用 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@10"></script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。