移动端 Discourse 标签栏

您好,我添加了一个 PR 来支持标签 URL 中的非 ASCII 字符,您想看看是否可以将其合并到主分支吗?

7 个赞

好的,拉取请求已合并!谢谢你 @th21

6 个赞

不确定是否可以合并,所以我分叉并添加了额外的设置,以便为非登录用户显示选项卡

6 个赞

我们可以在标签栏中添加一个“返回”按钮吗?也许用简单的 JavaScript 代码或其他什么?Discourse Hub 应用 iOS 上的标签栏会阻止您返回到主 Discourse 选择页面。

5 个赞

@Osama 有什么想法可以加回/向前吗?谢谢。

3 个赞

@miss @MarcP 鉴于该组件允许管理员自定义每个选项卡,我无法硬编码特定的选项卡来执行后退/前进导航,因此我们需要一种方法让管理员通过主题设置决定他们想要哪个选项卡充当后退或前进按钮。这是需要添加到该组件的新功能,我很乐意接受一个 PR。如果您有兴趣处理此事,请在开始前给我发私信。

5 个赞

您好,我又提交了一个 PR,添加了一个选项以允许未修剪的 URL 匹配选项卡目标设置。

例如,/latest?order=created/latest 将被视为不同的选项卡,并在启用该选项时在单击时更改图标颜色。

您想看看并告诉我它是否可以合并吗?提前感谢。:grinning:

4 个赞

我真的很喜欢这个!

不过它覆盖了 Discourse Hub UI,可以修复吗?

2 个赞

您好,感谢您提供这个主题组件。我目前在我的网站 https://businesslab.vn 上使用它。但是,我最近有一个想法,想将“切换汉堡菜单”和“标题下拉菜单当前用户”集成到这个主题组件中,这将使标题中的显示空间更加简洁,并且单手操作的用户可以导航到标签栏(您的主题组件)。希望您会对这个提议感兴趣。
image
image

1 个赞

你好,这个组件太棒了,恭喜你创造了它!这是目前最先进的组件吗?还是有更现代的组件?我是论坛新手。

有没有办法在最后一个按钮上添加一个方式,这样当用户按下它时,带有图标或带有图标和名称的其他按钮就会出现供他们选择其他选项?因为我有更重要的选项,我需要放置它,这样的方式将是完美的,例如

也就是说,当用户点击图标时,会出现其他图标供他们点击

@th21 @osama

1 个赞

如何将标签栏固定?有时我向下滚动时它会消失,我想让它一直可见!

我正试图让其中一个按钮转到 user-portfolio,但没有成功。

这是可行的吗?

编辑:搞定了……

my/activity/portfolio
1 个赞

聊天框中的标签栏溢出。用户无法使用标签栏进行聊天。
请问您能修复这个问题吗?

我确认了这个问题:它隐藏了文本输入。

1 个赞

一个快速的修复方法是在聊天组合器下方添加一个边距,虽然不太美观,但用户应该能够切换输入框。

我还调整了标签栏的大小,所以如果有人想使用 CSS,应该使用标签栏的原始高度(但我忘了是多少了)。

.chat-composer__wrapper {
    margin-bottom: 35px
}
1 个赞

这似乎可行,但向下滚动时会留下空白。

(视频录制时 margin-bottom 为 49px,即标签栏的高度):

是的,正如我所说,它不会很漂亮

1 个赞

您应该检查 z-index,而不是 margin
(假设用户在聊天时从不使用 tab)
通过降低 tab-bar 的 z-index,它会更美观

这就是为什么我没有使用 z-index 方法,而且元素重叠也很奇怪,看起来很糟糕。