layui弹出层:icon图标小结
layui的弹框插件layer中,有很多不同场景需要的弹框icon图标,今天小结一下,方便以后使用;
表格示下:
icon截图 · 说明 | 建议场景 | icon: 调用代码 | 调用代码示例 | |
---|---|---|---|---|
1 | 默认:无图标 | 任意 | 默认:无需设置 | 默认:无需设置 |
2 | ![]() | 警示提醒类 | 0 | icon: 0 |
3 | ![]() | 成功提示类 | 1 | icon: 1 |
4 | ![]() | 错误返回类 | 2 | icon: 2 |
5 | ![]() | 交互问答类 | 3 | icon: 3 |
6 | ![]() | 禁止修改类 | 4 | icon: 4 |
7 | ![]() | 校验 不通过类 | 5 | icon: 5 |
8 | ![]() | 校验 通过类 | 6 | icon: 6 |
9 | ![]() | 加载层 | layer.load(0, {shade: false}); //0代表加载的风格,支持0-2 | |
10 | ![]() | loading层 | layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景 }); | |
11 | 其他待定 | 暂略 | 暂略 |
调用代码 · 效果图 · 示下:
调用代码:
layer.alert('验证码错误', {
icon: 0,
})
效果图示下:
以上就是关于“layui弹出层:icon图标小结”的全部内容。