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

工作中的笔记,仅供参考

相关推荐
wangbing11257 天前
界面规范的其他框架实现-列表-layui实现
前端·javascript·layui
武昌库里写JAVA21 天前
「mysql」Mac osx彻底删除mysql
vue.js·spring boot·毕业设计·layui·课程设计
武昌库里写JAVA22 天前
iView Table组件二次封装
vue.js·spring boot·毕业设计·layui·课程设计
NPCZ24 天前
netframe4.5 的mvc 框架 layui 组件的引用
前端·javascript·layui
hbrown1 个月前
Flask+LayUI开发手记(十一):选项集合的数据库扩展类
前端·数据库·python·layui
hard_coding_wang1 个月前
使用layui的前端框架过程中,无法加载css和js怎么办?
javascript·前端框架·layui
Lee_Yu_Fan1 个月前
Layui —— select
layui
程序员柳1 个月前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
java—大象2 个月前
基于java SSM的房屋租赁系统设计和实现
java·开发语言·数据库·spring boot·layui·mybatis
武昌库里写JAVA2 个月前
Vue.js状态管理: 使用Vuex实现状态统一管理的最佳实践
vue.js·spring boot·毕业设计·layui·课程设计