Sweetalert2 CDN

介绍

'Sweetalert2 CDN'是一个基于javascript的库，可以快速创建漂亮的弹出框和模态框。它可以与jQuery、Bootstrap等其他前端库集成，并且易于使用和自定义。

使用方法

<!-- 引入sweetalert2 css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.0/dist/sweetalert2.min.css">

<!-- 引入sweetalert2 js -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.0/dist/sweetalert2.all.min.js"></script>

<!-- 调用函数 -->
<script>
    swal.fire("Hello world!");
</script>

API文档

swal.fire

使用swal.fire()可以创建一个简单的弹出框。

语法:

swal.fire(title?, message?, icon?);

参数:

• title: (字符串) 弹框标题。
• message: (字符串) 弹框内容。
• icon: (字符串) 弹框图标。

swal.mixin

使用sweetalert2.mixin()可以创建一个可重复使用的弹出框模板。

语法:

const Mixin = Swal.mixin({
    // settings
})

参数:

• settings: (对象) 弹框设置。

Mixin.fire

使用Mixin.fire()可以根据传递给mixin的设置创建一个弹出框。

语法:

Mixin.fire(options);

参数:

• options: (对象) 弹出框选项。

swal.showLoading

使用swal.showLoading()可以显示一个加载中的模态框。

语法:

swal.showLoading();

swal.hideLoading

使用swal.hideLoading()可以隐藏当前显示的加载中的模态框。

语法:

swal.hideLoading();

总结

'Sweetalert2 CDN'是一个易于使用和自定义的前端库，可以帮助您快速创建漂亮的弹出框和模态框。它可以与其他前端库集成，提高开发效率。如果您正在寻找一个简单而又强大的弹出框解决方案，那么'Sweetalert2 CDN'是一个不错的选择。