layui2.9 树组件默认无法修改节点图标,修改过程记录下

官方文档树组件 data 参数值,未提供icon属性配置

需要修改源码 layui.js, 搜索图片中标记部分

查找到之后,修改为 <i class="'+(i.icon || "layui-icon layui-icon-file")+'"> 如图:

修改完成后,即可在data中添加icon属性 例如:

html 复制代码
var data = [{
    name: '节点1',
    children: [{
        name: '节点1-1',
        icon: 'layui-icon layui-icon-layer'
    }]
}]

工作中的笔记,仅供参考

相关推荐
Purgatory0013 天前
layui select重新渲染
前端·layui
滴滴答答哒17 天前
layui表格头部按钮 加入下拉选项
前端·javascript·layui
滴滴答答哒19 天前
layui响应式表单上下结构
前端·javascript·layui
djk888821 天前
支持手机屏幕的layui后台html模板
前端·html·layui
EQ-雪梨蛋花汤1 个月前
【踩坑记录】使用 Layui 框架时解决 Unity WebGL 渲染在 Tab 切换时黑屏问题
unity·layui·webgl
Southern Wind2 个月前
从零封装一套企业级表格组件库 - 基于 Layui 的实战教程
前端·javascript·layui·jquery
obDLaSfLKr2 个月前
探索之旅:基于.net 6 的多功能自用工具开发
layui
Southern Wind3 个月前
从零开始封装一个优雅的图片上传组件 - 二次改装 Layui-Upload 的教程(附完整封装代码)
前端·javascript·html·layui·css3
林间风雨3 个月前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
唐钰小球3 个月前
layer.prompt文本框为空时也能提交的方法
javascript·prompt·layui