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

工作中的笔记,仅供参考

相关推荐
一个心烑1 天前
Layui结合springboot读取返回值,前端展示简单示例
前端·spring boot·layui
djk88887 天前
layui zTree 控件 AJAX绑定 点击tree事件 获取tree值
ajax·okhttp·layui
猫猫不是喵喵.12 天前
layui表单项次大数据量导入并提交
前端·javascript·layui
医疗信息化王工17 天前
基于ASP.NET Core的住院日志统计系统设计与实现
后端·layui·asp.net core·npoi·dapper
Purgatory0011 个月前
layui select重新渲染
前端·layui
滴滴答答哒1 个月前
layui表格头部按钮 加入下拉选项
前端·javascript·layui
滴滴答答哒1 个月前
layui响应式表单上下结构
前端·javascript·layui
djk88881 个月前
支持手机屏幕的layui后台html模板
前端·html·layui
EQ-雪梨蛋花汤2 个月前
【踩坑记录】使用 Layui 框架时解决 Unity WebGL 渲染在 Tab 切换时黑屏问题
unity·layui·webgl
Southern Wind3 个月前
从零封装一套企业级表格组件库 - 基于 Layui 的实战教程
前端·javascript·layui·jquery