SweetAlert2 一個(gè)漂亮的、響應(yīng)式的、可定制的和可訪問(WAI-ARIA)的JavaScript彈窗,無任何依賴,基于t4t5/sweetalert。
風(fēng)信建站移動(dòng)端項(xiàng)目開發(fā),為了提升用戶在彈窗交互上面的交互體驗(yàn),我們在實(shí)際的項(xiàng)目開發(fā)中引入了SweetAlert2,該插件交互體驗(yàn)還是不常不錯(cuò)的,最重要的一點(diǎn)是支持響應(yīng)式,擺脫了傳統(tǒng)的alert在移動(dòng)端中彈窗的尷尬及缺陷,無論你是在電腦、手機(jī)還是平板上,SweetAlert2都會(huì)在頁面上自動(dòng)居中顯示,這看起來非常棒,有興趣的朋友可以試試。
項(xiàng)目地址: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. 頁面加載完成后調(diào)用sweetAlert2函數(shù)
swal({
title: '錯(cuò)誤!',
text: '是否繼續(xù)',
type: 'error',
confirmButtonText: '酷'
})
更多的體驗(yàn)效果可查看官方網(wǎng)站的演示。
風(fēng)信建站移動(dòng)端項(xiàng)目開發(fā),為了提升用戶在彈窗交互上面的交互體驗(yàn),我們在實(shí)際的項(xiàng)目開發(fā)中引入了SweetAlert2,該插件交互體驗(yàn)還是不常不錯(cuò)的,最重要的一點(diǎn)是支持響應(yīng)式,擺脫了傳統(tǒng)的alert在移動(dòng)端中彈窗的尷尬及缺陷,無論你是在電腦、手機(jī)還是平板上,SweetAlert2都會(huì)在頁面上自動(dòng)居中顯示,這看起來非常棒,有興趣的朋友可以試試。
項(xiàng)目地址: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. 頁面加載完成后調(diào)用sweetAlert2函數(shù)
swal({
title: '錯(cuò)誤!',
text: '是否繼續(xù)',
type: 'error',
confirmButtonText: '酷'
})
更多的體驗(yàn)效果可查看官方網(wǎng)站的演示。