F NAV - 移动导航标签

该组件是否支持在 F 导航标签 中添加“发布”按钮?

您是指创建新主题选项卡吗?

是的。在 F 导航标签区域添加一个“发布新主题”按钮。
aaaaa

当然可以,只需在设置中将该选项卡添加到该位置即可。

3 个赞

你好 @Don

在 discourse 最新更新后,主题组件出现错误,无法正常工作。

你好 :waving_hand:

4 个赞

我仍在继续使用您的 SoundCloud Music Player 组件,有几个问题想请教一下。

关于 SoundCloud Music Player 的几点:

  • 移动端重叠:在移动端,它与“F NAV - Mobile”重叠。能否优化其在移动端的显示位置?
  • YouTube Music:此组件是否有计划支持 YouTube Music?

您好,是否可以将新主题按钮添加到底部工具栏?

2 个赞

谢谢,它奏效了。我曾使用过您的浮动导航按钮组件,但它给了我错误,所以我不得不禁用并删除了它。

我正在考虑将此添加到我的论坛,但我刚在主题创建器上对其进行了测试,当您有草稿正在进行时,您无法使用选项卡,因为它们被遮挡了:

1 个赞

您好 :wave: 感谢您的报告!这是修复程序,同时也进行了一些其他改进:FIX: Issue with flashing on iOS devices, prevents closing on scroll-lock too and fixes the reply draft position by VaperinaDEV · Pull Request #5 · VaperinaDEV/f-nav-for-mobile · GitHub

1 个赞

你好 @don,我们可以在组件的图标下方添加诸如主页、通知、消息之类的文字吗?

1 个赞

你好 @ozkn :wave:

谢谢,我刚刚合并了一个更新来支持此功能:FEATURE: Show tab label by VaperinaDEV · Pull Request #6 · VaperinaDEV/f-nav-for-mobile · GitHub

已添加新的主题设置:f_nav_show_labels

现在会根据 f_nav_tabs 设置中的 name 值显示标签。

Screenshot 2025-05-10 at 21.07.22

在主题页面上,“Home”选项卡的标签将替换为 js.back_button 键。

Screenshot 2025-05-10 at 21.08.23

2 个赞

谢谢 @don

1 个赞

您好 @Don,我注意到我无法更改消息图标,它是硬编码的。有什么办法可以让我将按钮图标更改为其他图标吗?

2 个赞

这个主题组件太棒了,谢谢!它似乎还没有为 Horizon 准备好?

我尝试用很多方法隐藏那个图标,但都没有成功。它只在手机上出现,在桌面上不出现。

[编辑] 已经按如下方式完成了:

// 在手机上隐藏用户菜单面板
.d-header-icons .header-dropdown-toggle [data-identifier=\"avatar-profile\"] {
display: none !important;
}

我更喜欢固定的导航栏,所以我稍微调整了一下组件:

// 滚动时固定导航(手机上的桌面模式)
body.f-nav-hidden:not(
    .archetype-regular,
    .archetype-private_message,
    .has-full-page-chat
  )
  .list-controls {
  position: static;
}

这可以防止那些和我一样寻找此功能的人使用自动隐藏滚动功能。

实际上是在寻找类似的东西,但用于标题。

如果有人需要粘性标题,这里有一个:

```

body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important; // 确保它保持在其他元素之上
}

```

2 个赞

您是否遇到此问题:添加聊天后,收到的消息中“数字”的位置不正确?
image