| 摘要 | F NAV - 移动端导航标签页 | |
| 预览 | Theme Creator | |
| 代码仓库 | GitHub - VaperinaDEV/f-nav-for-mobile: F NAV - Mobile Navigation Tabs · GitHub | |
| 安装指南 | 如何安装主题或主题组件 | |
| 初次使用 Discourse 主题? | Discourse 主题使用入门指南 |
安装此主题组件
你好 ![]()
之前,我曾在 Development 主题 中将其作为主题组件概念提出,现在它已具备成为 Customization > Theme component 的条件。
请务必在正式使用前进行测试。
关于该组件的更多信息:F NAV - Theme component concept
关于此主题组件。 我阅读了大量帖子,大家普遍认为让 Discourse 移动端标签栏 更加动态化,并增加处理通知等功能是非常棒的。F-NAV 可以做到这一点,甚至更多……
头部区域
它隐藏了汉堡菜单、用户菜单、搜索和聊天按钮,并添加了一个包含默认用户菜单配置文件标签内容的个人资料(头像)菜单按钮。
设置
它还包含一个设置项,允许你在“注销”项之前添加自定义项目。
它包含三个字段,你可以轻松添加自定义项目。
还有一些设置用于显示/隐藏默认的头部图标,这在你不想将特定标签页放置在 F NAV 中,而是希望它们显示在头部时非常有用。
标签页
可以将不同的功能与标签页关联。这些功能允许每个标签页动态变化。

这些变化包括:
功能
home(主页)
- 将话题路由下的主页标签页图标切换为左箭头,具备返回功能

- 添加新话题或未读话题指示点

hamburger(汉堡菜单)(打开汉堡菜单)
multi(多功能)
multi tab
如果未启用聊天功能或用户在
用户设置中关闭了聊天功能,多功能标签页会自动切换为消息标签页。
通知气泡会根据是否紧急而改变样式。
多功能标签页的紧急通知为绿色,样式如下。![]()
展开状态
个人消息始终为绿色,而聊天消息(例如未读频道消息通知)可能为蓝色,如同原始设计。
展开状态
单条通知
message(消息)
- 添加带有通知的消息按钮,点击它会打开消息模态框以便快速查看
chat(聊天)
- 添加带有其功能的聊天按钮
notificationToRoute(通知重定向)
-
如果启用了免打扰模式,铃铛图标将变为带斜杠的铃铛图标,并显示免打扰结束时间

-
重定向到个人资料通知页面,绕过通知菜单
- 如果有通知,则重定向到
/notifications?filter=unread - 如果没有通知,则重定向到
/notifications - 如果有待审核内容,会出现红色标志并重定向到
/review
- 如果有通知,则重定向到
notificationMenu(通知菜单)
-
如果启用了免打扰模式,铃铛图标将变为带斜杠的铃铛图标,并显示免打扰结束时间

-
打开通知菜单
search(搜索)
- 重定向到基于上下文的
/search页面
设置
我尽量使设置尽可能简单。
它将包含四个字段。
- name(名称):仅用于在设置中更轻松地识别标签页。
- icon(图标):为标签页添加图标。注意:如果选择了功能,某些图标可能无法通过此设置覆盖。
- destination(目标):为你的自定义标签页添加目标地址。注意:如果选择了处理目标的功能,你可以留空。组件会自动将
/my/...目标转换为/u/username/...,以便正确添加标签页的激活状态。 - function(功能):为标签页选择一个功能。
管理员可以轻松创建/删除/更改标签页,并从功能中选择一个,或为标签页添加自定义目标。
功能 ![]()
例如,添加话题创建标签页的样式如下。
致谢:Discourse 移动端标签栏 以及 F NAV - 主题组件概念 主题中提供反馈的每个人。![]()


















