面包屑链接

安装此主题组件

基本面包屑链接

在所有主题页面上:显示返回子类别(如果存在)、类别列表页面和论坛首页的链接…

在所有类别和子类别列表页面上:显示返回类别列表(如果在子类别列表中)和论坛首页的链接…

:information_source: 当前有以下设置选项:

  1. 使面包屑在滚动时始终固定在页眉底部(默认为否)

  2. 在移动设备上显示面包屑(默认为显示)

欢迎提交任何和所有 PR!

16 个赞

很好,但论坛首页应该可以翻译,而且图标丢失了。

能把它缩小一点吗?我猜是 CSS 的问题?

9 个赞

我确认我也缺少该图标。

4 个赞

手机上会发生这种情况:

嗯,那里不需要面包屑导航,所以从聊天中移除它比修复 CSS 是个更好的解决方案吗?

1 个赞

我希望作者能添加一个功能来修改“🡄 Forum Home”的名称!

1 个赞

谢谢大家快速而又好的反馈——请继续提出——这激励我继续学习!

4 个赞

我遇到的一个问题是它显示在聊天框中,这使得在文本框上方使用默认键盘进行任何操作都非常有限。

其次,由于我们是一个封闭的论坛,最好将其从登录/注册页面移除。

2 个赞

感谢 @Jagster 的 bug 测试——请更新并再次检查?

2 个赞

感谢 @Aaron_Walsh,我做了一些更改——您能测试一下最新版本吗?

1 个赞

好的。现在可以了。

1 个赞

您好,@denvergeeks

是的。该图标现在已完全显示,并且已从登录页面中移除。但是,它仍然保留在聊天框中,聊天框仍然会截断默认的输入框。

如上所述,我们已经有一个可以点击的论坛选项卡,如果可能的话,可以移除您的选项卡,或者提供一个选项供其他人移除它。

1 个赞

您的论坛开放了吗,我可以看看吗?

抱歉,不行,这是一个封闭的私人小组。

它在 iPhone 上运行,也没有显示该链接。

我现在在 iPhone、Android 手机或 DiscourseHub 应用的任何聊天视图中都看不到它。

您在什么设备和操作系统上看到的?

抱歉,不知何故它没有更新,尽管它像其他人一样做了更改🤔但现在已删除🖖

2 个赞

@denvergeeks 我在这里为面包屑组件设置了一个骨架:https://gitlab.com/manuelkostka/discourse/components/breadcrumbs。

该方法基于中央主题中的代码,该代码将面包屑添加到一些不显示默认下拉菜单的视图中(https://github.com/discourse/discourse-central-theme/blob/main/javascripts/discourse/connectors/above-main-container/breadcrumbs.gjs)。

我现在只是重构了这段代码,以便模板遵循 BEM 样式,并且总体上更具可定制性。还添加了类别。目前它不会渲染嵌套类别,也不会在标签列表或其他视图上渲染。

我目前没有更多计划来处理这个。但我认为这通常是一种更高效、更现代的方法,因为它不进行 ajax 调用,并且是作为 Glimmer 模板构建的。如果你愿意,可以看看或者尝试扩展它 :wink:

3 个赞

@manuel,谢谢你,这非常有帮助!

关于在面包屑导航中包含子类别,你有什么技巧或建议吗?

4 个赞

我可能会尝试为父页面添加一个单独的 getter,类似于 currentPage:

get parentPage() {
...
}

并在模板中添加另一个列表项,当存在父页面时:

{{#if this.parentPage}}
  <li>
    {{this.parentPage}}
  </li>
{{/if}}
5 个赞

我已经玩过这个了,并且已经把它添加到仓库里了。

我不确定这是否能用actions写得更好?当我尝试时,我遇到了一些问题,但我想那是因为我对 Ember 和应用程序状态不够了解。

无论如何,@moderators 也许最好把这几篇帖子移到原来的开发主题如何添加面包屑?,而不是放在这里的组件主题上?

3 个赞