javascript - 最佳确认对话框 JavaScript 库

Question

我想使用一个看起来比内置 JavaScript 生成的更好的确认对话框 confirm()方法。

我试过了Toastr但发现使用“否”/"is"按钮实现确认功能有点棘手。它仍然需要维护和更新。

感谢所有建议!

Answer 1

我认为最漂亮的 API 之一是 SweetAlert2 .

您可以按如下方式设置对话框:

swal({
    title: 'Are you sure?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'Yes, delete it!'
}).then((result) => {
    if (result.value) {
        swal(
        'Deleted!',
        'Your file has been deleted.',
        'success'
        )
    }
})

这是它的样子:

您甚至可以自定义 CSS 以使其适应您的项目颜色。

希望这对您有所帮助!