easyui tree 自定义图标

Posted 2023-05-17

我以这种方式创建tree ，但是节点的图标我想换成其他的，如何实现呢

<ul id="tt" class="easyui-tree">
<li>
<span>Folder</span>
<ul>
<li>
<span>Sub Folder 1</span>
<ul>
<li><span><a href="#">File 11</a></span></li>
<li><span>File 12</span></li>
<li><span>File 13</span></li>
</ul>
</li>
<li><span>File 2</span></li>
<li><span>File 3</span></li>
</ul>
</li>
<li><span>File21</span></li>
</ul>
我用的web框架是easyui

我简单的说下好了，你去easyUI的源样式文件tree.css文件中修改.tree-folder（关闭时的样式）和.tree-folder-open（打开时的样式）的样式，里面有个url就是你要指定的图片！真郁闷我写的代码不知道为什么显示不出来！ 参考技术A 参考api例子
http://www.jeasyuicn.com/api/docTtml/index.htm
注意这个属性使用的例子 iconCls

AntDesignVue --tree 树形插件自定义图标

AntDesignVue --tree 树形插件自定义图标。 index.vue树形区域的代码如下，重点就是①那个“showIcon” 参数要等于“true”；②写几个img标签显示你自定义的图标，img标签加“slot”属性。 <a-tree showIcon="true" showLine >