Bootstrap Sweetalert 2图标问题

zujrkrfu  于 2023-08-01  发布在  Bootstrap
关注(0)|答案(4)|浏览(153)

有人能帮我吗?我尝试在我的应用程序上使用sweetalert2,但如果使用“问题”,“警告”和“信息”,则不正确。来源:https://sweetalert2.github.io/


的数据
enter image description here

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

<script>
    function deleteConfirmation(id) {
        var urlsite = "https://"+window.location.hostname+'/gudang/public/blok/d/'+id;
        
        Swal.fire({
            title: 'Peringatan',
            text: "Anda yakin ingin menghapus data?",
            icon: "question",
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ya, Hapus!'
        }).then((result) => {
            if (result.isConfirmed) {
                // redirect to delete data
                location.replace(urlsite);
                // notification
                Swal.fire(
                    'Sukses!',
                    'Data Anda berhasil dihapus, mohon tunggu hingga proses selesai!',
                    'success'
                )
            } else {
                // cancel to deleting data
                Swal.fire(
                    'Batal Hapus!',
                    'Data Anda batal dihapus!',
                    'error'
                )
            }
        })
    }
</script>

字符串

hk8txs48

hk8txs481#

根据您的Sweetalert版本,设置图标的属性可以称为“icon”或“type”,请尝试两者。如果看不到您的代码,就无法执行更多操作。

4zcjmb1e

4zcjmb1e2#

尝试选项

Swal.fire({
    title: 'Batal Hapus',
    text: 'Data Anda batal dihapus!',
    icon: 'error',
})

字符串
根据文件https://sweetalert2.github.io/

qacovj5a

qacovj5a3#

您可以使用自定义类来隐藏其中一个图标。一些图标在一个::before伪类中有内容,这个伪类可以翻倍。

创建自定义类

.no-before-icon::before {
    display: none !important;
}

字符串

应用于所有图标- * 不影响成功或错误图标 *

Swal.fire({
     title: "No more double icons",
     icon: "info",
     customClass: {
        icon: "no-before-icon",
    },
});

gg0vcinb

gg0vcinb4#

试试这个版本,它对我很有效:
sweetalert2: 11.4.14

相关问题