如何在导航链接中添加图标？

支持
1

我想在“Chat”前面添加一个 Font Awesome 图标：

image

如何实现？

注意：我使用 Custom Top Navigation Links 来创建此按钮。

2

你好，

也许可以在桌面标题中添加类似这样的内容？

你可以通过更改 document.querySelector('#navigation-bar li a[href=\"/chat\"]'); 这一行来指向正确的 a[href=\"...\"] 路径，从而更改目标导航。

你也可以通过 iconHTML('comment'); 来更改图标，修改 comment。

Screenshot 2022-04-22 at 18.43.45

<script type="text/discourse-plugin" version="0.8">
  api.onPageChange(() => {
    const { iconHTML } = require("discourse-common/lib/icon-library");
    const navItem = document.querySelector('#navigation-bar li a[href="/chat"]');

    let icon = iconHTML('comment');
       
    if (navItem) {
      navItem.insertAdjacentHTML('afterbegin', icon)
    }
  });
</script>
4 个赞
3

太棒了！

（至少 20 个字符）

2 个赞
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.