SweetAlert2是一款功能强大的纯Js模态消息对话框插件
先附上源码:https://gitee.com/zlh0816/SpringBootSweetAlert2
一、前期准备
① 在pom.xml中添加依赖
// sweetalert2依赖
<dependency>
<groupId>org.webjars.npm</groupId>
<artifactId>sweetalert2</artifactId>
<version>2.1.3.RELEASE</version>
</dependency>
// 添加jquery包
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.3.1-1</version>
</dependency>
② 在页面中引入文件
//sweetalert2 css文件
<link rel="stylesheet" href="webjars/sweetalert2/7.28.10/dist/sweetalert2.min.css">
//sweetalert2 js文件
<script src="webjars/sweetalert2/7.28.10/dist/sweetalert2.min.js"></script>
//jquery文件
<script src="webjars/jquery/3.3.1-1/jquery.min.js"></script>
二、使用
1. 基本信息
Swal.fire({
title: "标题",
text: "文本"
})
2. 带有标题、图标、文本的信息
Swal.fire({
title: "标题",
text: "文本",
type: "success"
})
3. 插入自定义HTML描述
Swal.fire({
title: "标题",
html: "<a href='javascript:void(alert(0))'>超链接</a>",
type: "info"