好看的提示,layer带你轻松实现,我不是弹窗的制造者,我只是layer的测试搬运工,希望给更多的人分享一下我的总结。
一、layer.msg
- 直接提示:
layer.msg('没有参数的layer.msg');
- 添加小图标:
我们经常用到的提示性信息,可以加时间参数和其他标识
layer.msg('1:绿色的勾', {time: 2000, icon:1});
- 添加按钮和图标
layer.msg('添加按钮和图标', {
time: 20000, //20s后自动关闭
btn: ['明白了', '知道了'],
icon:1
});
二、layer.alert
- 直接应用layer.alert();
- 添加图标参数和风格
layer.alert('内容', {
icon: 1,
skin: 'layer-ext-demo' //见:扩展说明
})
- layer-ext-demo:默认白色,
- layui-layer-molv:扩展墨绿
- layui-layer-lan :扩展深蓝
当然也可以自定义皮肤颜色,如下所示我做一个自定义的深红色的那种。其实就是调整新增加一个样式属性如下所示:
body .layui-layer-red .layui-layer-title{background-color:#CC3333;
color:#fff; border: none;}
然后再采用刚才的形式就可以实现红色的背景头部:
2021年,遇见你们真好,喜欢的可以点个赞关注一哈,持续为您搬砖