这是这篇文章的后续问题:Font Awesome icons for Webix tree nodes
当树为“select:true”时,上述解决方案效果不佳。在这里的演示中尝试一下,看看我的意思:http ://webix.com/snippet/4e85a0ef 。
@Aquatic,您能否使用示例更新代码,以便 Font Awesome 图标可以替换“标准”文件夹图标,并且它在所有情况下都可以正常工作并且看起来与标准图标一样好,包括当 select = true 用于树时?
这是这篇文章的后续问题:Font Awesome icons for Webix tree nodes
当树为“select:true”时,上述解决方案效果不佳。在这里的演示中尝试一下,看看我的意思:http ://webix.com/snippet/4e85a0ef 。
@Aquatic,您能否使用示例更新代码,以便 Font Awesome 图标可以替换“标准”文件夹图标,并且它在所有情况下都可以正常工作并且看起来与标准图标一样好,包括当 select = true 用于树时?
默认样式对跨度有一些规则,这会导致问题。只需为图标托管使用不同的标签。如下
webix.type(webix.ui.tree, {
name:"awesome",
folder:function(obj){
if (obj.$count)
return "<i class='webix_icon fa-folder'></i>";
return "<i class='webix_icon fa-file'></i>";
}
});
和
<style>
i.webix_icon{
color: #777;
line-height:27px;
}
</style>