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'
    }]
}]

工作中的笔记,仅供参考

相关推荐
丨丨三戒丶10 天前
layui轮播图根据设备宽度图片等比例,高度自适应
前端·javascript·layui
武昌库里写JAVA11 天前
iview table组件 自定义表头
vue.js·spring boot·毕业设计·layui·课程设计
武昌库里写JAVA11 天前
iview 分页改变每页条数时请求两次问题
vue.js·spring boot·毕业设计·layui·课程设计
懒懒是个程序员16 天前
layui时间范围
前端·javascript·layui
SummerGao.18 天前
【解决】layui layer的提示框,弹出框一闪而过的问题
前端·layui
染的人25 天前
Layui Table组件,设置data数据源,以及page为False,表格只能显示10条数据的问题
前端·layui
武昌库里写JAVA1 个月前
大模型评估论文粗读“AGIEval: A Human-Centric Benchmark for Evaluating Foundation Models“
vue.js·spring boot·毕业设计·layui·课程设计
black方块cxy1 个月前
layui 弹窗-调整窗口的缩放拖拽几次就看不到标题、被遮挡了怎么解决
前端·javascript·layui
武昌库里写JAVA1 个月前
SpringCloud
vue.js·spring boot·毕业设计·layui·课程设计
DexterLien1 个月前
Flask + Pear Admin Layui 快速开发管理后台
python·flask·layui