Sweetalert2介绍

概述

sweetalert2是一个基于JavaScript的漂亮、可定制性强且易于使用的警告框库，其中包含了许多常见和可自定义的警告和提示样式。

特性

• 动画效果丰富
• 自定义图标
• 可定制性强
• 提交表单交互
• 多语言支持
• 支持Promise
• 可触发动作前确认等等。

安装

你可以在你的项目中使用npm/Yarn安装sweetalert2:

npm install sweetalert2
yarn add sweetalert2

你也可以手动下载sweetAlert2并将它include到你的项目中（你需要同时includesweetalert2.min.js 和sweetalert2.min.css文件）。

快速开始

以下是一个简单的例子演示如何在CSS和JS中使用sweetalert2：

1. 在你的项目中，添加 sweetalert2.min.css 和 sweetalert2.min.js:

<link rel="stylesheet" href="path/to/sweetalert2.min.css">
<script src="path/to/sweetalert2.min.js"></script>

2. 添加以下代码到你的Javascript文件中:

// 一个简单的警告弹窗
Swal.fire({
  title: '警告',
  text: '发生错误！',
  icon: 'warning',
  confirmButtonText: '确定'
})

API

Sweetalert2的功能丰富的API文档可以在官网得到：sweetalert2官网

总结

sweetalert2是一个功能强大且易于使用的警告框库，它可以让开发者可视化地展示提示信息并互动。无论你是初学者还是专业开发人员，都可以从sweetalert2获得良好的使用体验。