SweetAlert2 一个漂亮的、响应式的、可定制的和可访问（WAI-ARIA）的JavaScript弹窗，无任何依赖，基于t4t5/sweetalert。
风信建站移动端项目开发，为了提升用户在弹窗交互上面的交互体验，我们在实际的项目开发中引入了SweetAlert2，该插件交互体验还是不常不错的，最重要的一点是支持响应式，摆脱了传统的alert在移动端中弹窗的尴尬及缺陷，无论你是在电脑、手机还是平板上，SweetAlert2都会在页面上自动居中显示，这看起来非常棒，有兴趣的朋友可以试试。
项目地址：http://mishengqiang.com/sweetalert2/
使用指南：
1. 引用必要的文件初始化插件：
<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="bower_components/sweetalert2/dist/sweetalert2.min.css">
<!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
2. 页面加载完成后调用sweetAlert2函数
swal({
title: '错误！',
text: '是否继续',
type: 'error',
confirmButtonText: '酷'
})
更多的体验效果可查看官方网站的演示。
风信建站移动端项目开发，为了提升用户在弹窗交互上面的交互体验，我们在实际的项目开发中引入了SweetAlert2，该插件交互体验还是不常不错的，最重要的一点是支持响应式，摆脱了传统的alert在移动端中弹窗的尴尬及缺陷，无论你是在电脑、手机还是平板上，SweetAlert2都会在页面上自动居中显示，这看起来非常棒，有兴趣的朋友可以试试。
项目地址：http://mishengqiang.com/sweetalert2/
使用指南：
1. 引用必要的文件初始化插件：
<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="bower_components/sweetalert2/dist/sweetalert2.min.css">
<!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
2. 页面加载完成后调用sweetAlert2函数
swal({
title: '错误！',
text: '是否继续',
type: 'error',
confirmButtonText: '酷'
})
更多的体验效果可查看官方网站的演示。
鄂公网安备 42090202000212号