Sweet Alert 的配置

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以去配置一个复杂点的对话框 .. 先去掉 swal 方法里的这些参数 .. 然后给它一个对象作为它的参数 .. 在这个对象里可以去配置一下 Sweet Alert ..

对话框的标题在 title 这个属性里设置一下 ... 添加一下 title .. 它的值就是显示在对话框上的标题 .. 标题下面的文字可以用一个 text 属性 .. 再设置一下它的值 ..

如果标题还有文字里面包含 html ,你可以再添加一个 html 属性,把它的值设置成 true .. 再添加一个 type 属性,它可以指定一下对话框里的信息的类型 .. 比如 warning .. 表示这是一个提醒类型的内容 ..

在对话框上显示的这个图标我们也可以自定义一下 .. 去掉这个 type ,然后用一个 imageUrl ... 它的值就是图片的地址 ... imageUrl: 'images/avatar/hulk.jpg'

现在,对话框上会显示这个图片 ..

默认对话框上面还有一个确认按钮,不需要它的话,再用一个 showConfirmButton .. 它的值设置成 false ... 现在对话框里就没有确认按钮了 ..

这个对话框可以在一定时间以后自动关闭 .. 添加一个 timer 属性 .. 设置一下在多久以后关闭对话框 .. 单位是毫秒 .. 这里把它设置成 2000 .. 现在这个对话框会在 2 秒钟以后自动关闭 ..

Sweet Alert 的配置《 前端库 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点