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}); |
1 | ![]() | layer.open({type:3,icon:1}); |
2 | ![]() | layer.open({type:3,icon:2}); |
版权声明:本文为gybshen原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。