 |
摘要 | 在导航项前添加图标/表情符号 |
 |
代码库 | GitHub - VaperinaDEV/discourse-nav-item-icon-emoji: Add Icon / Emoji before nav item |
 |
安装指南 | 如何安装主题或主题组件 |
 |
初次使用 Discourse 主题？ | Discourse 主题使用入门指南 |
Install this theme component
你好 
使用此主题组件，您可以在导航项前添加图标或表情符号。该主题组件基于 https://meta.discourse.org/t/discourse-easy-svg-icon-and-emoji-in-css/300656。
nav item prefix
此设置也可以处理图标和表情符号。
您必须遵循的规则是：
图标
如果您想在导航项前添加图标：
icon:nav-item:icon-set:icon-name:icon-color
首先，您必须定义类型，如果您想在导航项前添加图标，则为 icon。
- nav-item: latest, hot, new, unread, categories 等…
- icon-set: brands, regular, solid
- icon-color:
currentColor, HEX 或颜色变量
例如：
icon:latest:solid:rocket:currentColor
icon:top:regular:star:var(--gold)
icon:unseen:solid:compass:#228C22
表情符号
如果您想在导航项前添加表情符号：
emoji:nav-item:emoji-set:emoji-name:filter
首先，您必须定义类型，如果您想在导航项前添加表情符号，则为 emoji。
- nav-item: latest, hot, new, unread, categories 等…
- emoji-set: apple, google, twitter, win10, google_classic, facebook_messenger
- filter: 它使表情符号在浅色模式下为黑色，在深色模式下为白色。如果表情符号悬停或处于活动状态，它将以过渡方式显示。（可选）
例如：
emoji:latest:twitter:rocket:filter
emoji:top:google:star
emoji:new:facebook_messenger:bell
桌面导航
移动导航
？你创建的每一个话题，我都想要一个通知！正如这个术语所说……你太棒了！
