首先通过对一个内联元素设定“class=layui-icon”,来定义一个图标。然后对元素加上图标对应的“font-class”即可。
方法1:使用字符实体只需要在一个class为 layui-icon 的容器类标签中加入字符的unicode码即可。
相关样式:layui-icon,代表使用layui的图标处理样式去渲染
方法2:使用样式
在class为layui-icon的容器类标签后追加对应的图标样式,而不需要在写unicode码。
相关图标样式可以去官网的 文档 查找。
相关样式:
(1)必要样式:layui-btn
(2)主题样式:
layui-btn-primary 原始按钮
layui-btn-normal 百搭按钮
layui-btn-warm 暖色按钮
layui-btn-danger 警告按钮
layui-btn-disabled 禁用按钮
(3)大小样式:
layui-btn-lg 最大按钮
layui-btn-sm 小型按钮
layui-btn-xs 迷你按钮
(4)图标结合:
把图标的样式也添加到class中即可
(5)圆角按钮:
layui-btn-radius
(6)按钮组:
套上一层class为layui-btn-group
layui按钮的事件监听可以使用jquery来做。
在layui内部使用jquery的方式:
首先是官方文档。我真的不是第一次觉得阅读官方文档比百度上搜索要有效率几百倍了,当然前提教程是汉语。组件库
使用文档
Springboot+Thymeleaf+layui框架的配置与使用
Spring data jpa 分页+ layui数据表格渲染数据
我觉得我现在能看懂了,感慨。
layui.table 里面 json数据有多层嵌套, 请问要怎么获取数据?
下面这个主楼里用的是改底层源码的方式,我觉得不可取。
layui数据表格total和data无法使用多层嵌套json格式的数据的解决办法
下面有对主楼这样的补充,但也是改的底层源码:
我用的版本中Layui符号是以字体的形式表示的(layui 2.3.0 之前只支持采用 unicode 字符),可能也是被拦截掉了,参考以下写法。
SpringBoot 中 引用LayUI font 不显示问题解决办法
以后可以直接使用内联元素调出字体图标。
Layui字体图标库
第二种方法(我没试过):
Spring Boot使用layui的字体图标时无法正常显示 解决办法
layuiAdmin使用总结,基于springmvc
Layui在MVC下的配置过程,我没用到,但是感觉不错。去看了看这位以前的文章,感叹大佬真的太多了,随处一看就都是大佬。
虽然大家都说毕设很水,但是年轻又有为的人却不计其数,可能他们很聪明早就开始做自己的项目了,没把毕设当作发力点。那我就将错就错吧,我想学习,我很羡慕。
通过table.render来刷新、绘制table
Layui表格单元格编辑保存
le可编辑扩展下拉框编辑器
layui的table中日期格式转换
这个除了显示其实还有个问题:当这个日期还是null时,会自动显示当前日期,所以需要加一个判断,不为空才显示。
下面是我用在了进度计划行内编辑中的例子。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)