我正在尝试将自定义图标从 css 设置为 p-menuitem 图标,但无法获取它。
我在 scss 文件中编写的代码
.icon-addMember {
display: flex;
width: 1.5rem;
height: 1.5rem;
background-image: url("src/app/assets/images/image/addmember.svg") no-repeat 100% 100% !important;
background-size: contain;
}
在打字稿中
private generatePopupMenu(): void {
this.addMemberPopup = [
{
label: '',
items: [
{
label:this.addMemberLabel,
icon: 'icon-addMember',
style: { 'background-image': `url(${assetUrl('images/addmember.svg')}`, 'background-position': '10% 50%', 'background-repeat': 'no-repeat' },
command: () => {
this.popUpTitle = this.addMemberLabel;
this.templateName = this.addMemberContent;
}
},
],
},
]
}
如果我尝试在 p-menuitem-icon 中添加 icon-addmember 它不起作用?
请任何帮助或建议都会非常有帮助...在此先感谢。