| 摘要 | F NAV - 移动端导航标签页 | |
| 预览 | Theme Creator | |
| 代码仓库 | GitHub - VaperinaDEV/f-nav-for-mobile: F NAV - Mobile Navigation Tabs · GitHub | |
| 觉得有用吗? | > ./support --coffee | |
| 安装指南 | 如何安装主题或主题组件 | |
| Discourse 主题新手? | 使用 Discourse 主题的入门指南 |
安装此主题组件
你好 ![]()
之前,我为它创建了一个 Development 主题 作为主题组件的概念,现在它已经处于可以作为 Customization > Theme component 使用的状态了。
请务必在正式使用前进行测试。
关于该组件的一些信息:F NAV - Theme component concept
关于该主题组件。 我阅读了大量关于如何让 Discourse 移动端标签栏 更加动态化并添加处理通知等功能的帖子。F-NAV 可以做到这一点,而且还能做更多…
头部 (Header)
它隐藏了汉堡菜单、用户菜单、搜索和聊天,并添加了一个个人资料(头像)菜单按钮,其中包含默认的用户菜单个人资料标签页内容。
设置
它还包含一个设置,允许你在“退出登录”项之前添加自定义项。
它包含三个字段,你可以轻松地在其中添加自定义项。
还有一些用于显示/隐藏默认头部图标的设置,当你不想在 F NAV 中放置完全对应的标签页时,这很有用,这样它们就会显示在头部。
标签页 (Tabs)
可以为标签页关联不同的功能。这些功能允许每个标签页动态变化。

此类更改包括:
功能
home (主页)
- 在主题路由上将主页标签页图标切换为左箭头,从而添加返回功能

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

hamburger (汉堡菜单) (打开汉堡菜单)
multi (多合一)
multi tab
如果未启用聊天或用户在用户设置中关闭了聊天,Multi 标签页会自动变为消息标签页。
通知气泡会根据其紧急程度发生变化。
Multi 标签页的紧急通知是绿色的,看起来像这样。 ![]()
展开后
私信始终是绿色的,但聊天可以是蓝色的,例如未读频道消息通知。
展开后
单个通知
message (消息)
- 添加带有通知的消息按钮,点击它会打开一个消息模态框以便快速查看
chat (聊天)
- 添加带有其功能的聊天按钮
notificationToRoute (通知转路由)
-
如果开启了勿扰模式,铃铛图标会变为带斜线的铃铛图标,并显示勿扰模式结束时间

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

-
打开通知菜单
search (搜索)
- 重定向到基于上下文的
/search页面
设置
我尽量让设置尽可能简单。
它将包含四个字段。
- name (名称): 这只是为了在设置中更容易识别标签页。
- icon (图标): 为标签页添加图标。注意:如果你选择了某个功能,可能会有某些图标无法通过此设置覆盖。
- destination (目标地址): 为你的自定义标签页添加目标地址。注意:如果你选择了某个功能,该功能将处理目标地址,因此你可以留空。该组件会自动将
/my/...目标地址转换为/u/username/...,以便正确添加标签页的激活状态。 - function (功能): 为标签页选择一个功能。
管理员可以简单地创建/删除/更改标签页,并从其中一个功能中进行选择,或者为标签页添加自定义目标地址。
功能 ![]()
例如,添加主题创建标签页看起来就像这样。
致谢: Discourse Tab Bar for Mobile 以及感谢大家在 F NAV - Theme component concept 主题中提供的反馈。 ![]()


















