1

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 を追加しようとすると、機能しませんか?

どんな助けや提案もとても役に立ちます...よろしくお願いします。

4

0 に答える 0