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

embedded/2024/9/20 7:27:44/ 标签: layui, layui tree

官方文档树组件 data 参数值,未提供icon属性配置
在这里插入图片描述
需要修改源码 layui.js, 搜索图片中标记部分
在这里插入图片描述
查找到之后,layui-icon layui-icon-file">修改为 <i class=“‘+(i.icon || “layui-icon layui-icon-file”)+’”> 如图:
在这里插入图片描述
修改完成后,即可在data中添加icon属性 例如:

var data = [{name: '节点1',children: [{name: '节点1-1',icon: 'layui-icon layui-icon-layer'}]
}]

工作中的笔记,仅供参考


http://www.ppmy.cn/embedded/102082.html

相关文章

在URL链接中指定浏览器跳转到PDF文件的指定页码

在Web开发中&#xff0c;经常需要处理各种类型的文件交互&#xff0c;包括PDF文件。有时&#xff0c;我们可能希望当用户点击一个链接时&#xff0c;浏览器能够直接打开PDF文件并跳转到文件的特定页码。虽然HTML标准本身并不直接支持在URL中指定PDF的页码&#xff0c;但我们可以…

【大模型从入门到精通42】LLM部署运维(LLM Ops)使用Kubeflow Pipelines掌握LLM工作流4

这里写目录标题 在Kubeflow中自动化和编排监督调整管道重用现有管道提高效率准备数据和模型版本控制配置管道定义管道参数执行管道结论 理论问题实践问题 在Kubeflow中自动化和编排监督调整管道 Kubeflow Pipelines的核心在于其编排复杂工作流的能力。在本例中&#xff0c;我们…

Flask 框架概述及应用案例

文章目录 Flask 框架概述Flask 的特点&#xff1a;Flask 的基本结构&#xff1a;如何开始使用 Flask&#xff1a;Flask 的应用场景&#xff1a; 应用案例templates/home.html:templates/register.html:templates/users.html: 案例扩展步骤 1: 安装 Flask-Login步骤 2: 修改 app…

开放大世界的碰撞与物理

众所周知&#xff0c;物理开销一直是 CPU 的一个大头&#xff0c;而且还很容易出问题。对于开放世界&#xff0c;该如何进行物理运算&#xff0c;以及采用什么方案计算碰撞。 本文针对这个问题做了一些细微的研究&#xff0c;算是对 Unity 下的解决方案有了一个大致的方向。 1、…

python可视化-折线图

1、数据 import seaborn as sns import matplotlib.pyplot as plt import numpy as np import pandas as pd np.random.seed(0)sns.set(fontSimHei, font_scale0.8, style"darkgrid") # 解决Seaborn中文显示问题# 自定义数据 df2 pd.DataFrame({x: range(1,10),y: …

基于事件总线EventBus实现邮件推送功能

什么是事件总线 事件总线是对发布-订阅模式的一种实现。它是一种集中式事件处理机制&#xff0c;允许不同的组件之间进行彼此通信而又不需要相互依赖&#xff0c;达到一种解耦的目的。 关于这个概念&#xff0c;网上有很多讲解的&#xff0c;这里我推荐一个讲的比较好的&#x…

【网络基础】探索 NAT 技术:IP 转换、NAPT、NAT穿越及代理服务器

文章目录 1. 前言2. IP 转换过程3. NAPT① 基本概念② 工作原理③ 优缺点④ 实际应用 4. 缺陷5. NAT 穿越① 概述② 示例 6. NAT 与 代理服务器① 代理服务器与NAT的区别&#xff1a;② 正向代理 / 反向代理 服务器 1. 前言 NAT&#xff08;网络地址转换&#xff09;是一种常见…

Getting RateLimitError while implementing openai GPT with Python

题意&#xff1a;“在使用 Python 实现 OpenAI GPT 时遇到 RateLimitError 错误。” 问题背景&#xff1a; I have started to implement openai gpt model in python. I have to send a single request in which I am getting RateLimitError. “我开始在 Python 中实现 Ope…

深入理解WebSocket:从基础到实践

深入理解WebSocket&#xff1a;从基础到实践 WebSocket是现代网络通信中一个重要的技术&#xff0c;它在单个TCP连接上实现了全双工通信&#xff0c;使得实时、双向数据传输成为可能。与传统的HTTP协议相比&#xff0c;WebSocket提供了更高效的实时数据交换方式。本文将深入探…

DNS 服务器的搭建(正向区域配置)

一、Windows DNS 正向区域配置 1.实验目标 2.拓扑结构 3.实验需求 4.配置要点 5.配置步骤 1.配置各主机 IP 地址及网关 2.DNS 服务器服务部署 3.验证实验 一、Windows DNS 正向区域配置 1.实验目标 掌握 DNS 的功能和基本操作 熟悉公网 DNS 架构 掌握 DNS …

Qt (10)【Qt窗口 —— 如何在窗口中创建浮动窗口和状态栏】

阅读导航 引言一、如何在窗口中创建浮动窗口1. 浮动窗口的创建2. 设置停靠的位置 二、如何在窗口中创建状态栏1. 状态栏的创建2. 在状态栏中显示实时消息3. 在状态栏中显示永久消息4. 调整显示消息的位置&#xff0c;并加上进度条 引言 在上一篇文章中&#xff0c;我们一同探索…

系统架构设计师——架构风格

概述 软件体系结构风格是指在软件架构设计中&#xff0c;针对特定应用领域所采用的一套惯用模式&#xff0c;这些模式定义了系统的组织方式。以下是对软件体系结构风格的详细解析&#xff1a; 1. 体系结构风格的概念 目的&#xff1a;简化设计过程&#xff0c;提高设计的重用…

特色农产品全网品牌优化,让价值超越地域限制!

目前农村电商产业发展迅猛&#xff0c;为各地农产品开辟了新路径。据商务大数据监测&#xff0c;2024年1-7月农产品网络零售额增长20.1%&#xff0c;为乡村振兴注入了强大活力。在可预见的未来&#xff0c;农产品将依旧保持稳步增长的发展态势。对于大多数农产品企业来说&#…

docker compose用法详解

下面是每个 docker compose 配置参数的用法和示例&#xff1a; 全局选项用法示例 --ansi 控制何时打印 ANSI 控制字符。示例&#xff1a; docker compose --ansi never up 禁用 ANSI 控制字符的打印&#xff08;颜色和格式&#xff09;。 --compatibility 在向后兼容模式下运…

网络安全之渗透测试实战-DC-3-靶机入侵

一、下载靶机DC-3&#xff0c;解压后导入Vmware Workstation https://pan.baidu.com/s/17BcSH6RqC7wuyB7PRNqOow?pwdkc12启动DC-3靶机&#xff0c;由于不知道密码&#xff0c;无需登录 二、靶机的网卡采用的是NAT模式自动获取IP地址&#xff0c;此时我们需要先获取其MAC地址…

排序算法之归并排序详细解读(附带Java代码解读)

归并排序&#xff08;Merge Sort&#xff09;是一种稳定的排序算法&#xff0c;采用分治法&#xff08;Divide and Conquer&#xff09;的思想。它将一个数组分成两个子数组&#xff0c;分别对这两个子数组进行排序&#xff0c;然后将两个已排序的子数组合并成一个有序的数组。…

自动化刷题小练习

驾校题库自动化刷题&#xff0c;使用了selenium以及requests等一些爬虫用的库 from selenium import webdriver from selenium.webdriver.common.by import By import requests import re import time driverwebdriver.Chrome()driver.get("https://www.jsyks.com/kms-mn…

泰山派的小手机后续(2)

之前 触摸板一直报错的解决&#xff1a; 1 我的触摸板 画错了。 从新画了一个 触摸的转接板&#xff0c;调整过来了。 关于触摸的 线序。 这块屏幕正常 就是横着放的。 关于泰山派接口的线序&#xff1a; 所以我的转接板的画法 是&#xff1a; 开发板与转接板 使用的是 反排线…

黑神话攻略,带你找到一周目隐藏的四大天王!

《黑神话》这款国产动作游戏深受玩家期待&#xff0c;它带来了一段充满刺激的冒险旅程。游戏中有一个关于四大天王的谜题&#xff0c;让不少玩家感到困惑。有人认为这关系到游戏的真正结局&#xff0c;有人则认为只有二周目才能解锁。实际上&#xff0c;这个谜题在一周目就可以…

PyTorch Geometric(torch_geometric)简介

在深入探讨PyTorch Geometric&#xff08;通常简称为PyG&#xff09;之前&#xff0c;我们先了解一下它的背景和应用。PyG是基于PyTorch的一个扩展库&#xff0c;专为图数据和图网络模型设计。图网络是深度学习领域的一种强大工具&#xff0c;它能够处理结构化数据&#xff0c;…