有没有办法在 PrimeReact 树中使用自定义图标？

Posted 2023-02-22

【中文标题】有没有办法在 PrimeReact 树中使用自定义图标？

【英文标题】：Is there any way of using custom icons in primereact tree?

【发布时间】：2022-01-08 11:22:31

【问题描述】：

有没有办法在 Primereact 树中使用自定义图标？我尝试将它们导入到 css 文件中并像这样使用它们，但它不起作用。

这是一个带有primereact图标用法的json文件示例。

"key": "0-0",
"label": "Work",
"data": "Work Folder",
"icon": "pi pi-fw pi-cog" 

css中的图标使用

.myIcon 
background-image: url('imgpath');

这是一个带有自定义图标用法的 json 文件示例

"key": "0-0",
"label": "Work",
"data": "Work Folder",
"icon": "myIcon" 

非常感谢您对此的帮助

编辑： 所以我设法通过用内容替换背景图像来解决这个问题。

下面的CSS：

.m-icon 
 content: url("../images/module.png");

【问题讨论】：

这个例子不是向您展示了如何做到这一点吗？ primefaces.org/primereact/showcase/#/tree/selection

我已经设法通过在 cc 中使用内容而不是背景图像来解决它

您应该在下面发布您的解决方案，然后我们可以将此问题标记为已回答。

对不起，新手。

【参考方案1】：

我已经设法通过用内容替换背景图像来解决这个问题。

下面的CSS：

.m-icon 
 content: url("../images/module.png");