layui之layer弹出层的icon数字及效果展示

 layui是一款比较优秀的UI框架,组件丰富,上手比较简单,但是官方文档有一些缺陷,值得一提的是示例只有代码,很少有效果展示,对于使用者来说不知道最终效果符合自己的要求。个人觉得从专业程度来说不如Element-UI和AntDesign 的ng-zorro-antd。

layui官方文档:layui - 经典模块化前端 UI 框架

layer的icon样式

icon如果在信息提示弹出层值(type为0)可以传入0-6,icon与图标对应关系如下:

icon含义图标示例代码
0(其他数字)感叹layer.msg('操作成功!', {icon: 0});
1正确layer.msg('操作成功!', {icon: 1});
2错误layer.msg('操作失败!', {icon: 2});
3疑问layer.msg('操作失败?', {icon: 3});
4锁定layer.msg('以锁定!', {icon: 4});
5不开心layer.msg('失败!', {icon: 5});
6开心layer.msg('开心!', {icon: 6});

如果是加载层(type为3)可以传入0-2,icon与图标对应关系如下:

icon图标示例代码
0(默认值)layer.open({type:3,icon:0});     
1layer.open({type:3,icon:1});     
2layer.open({type:3,icon:2});     

 


版权声明:本文为gybshen原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。