水平加载滑块

:police_car_light: 此功能现已成为 Discourse 核心的一部分。请使用“页面加载指示器”设置来启用它。 更多详情见 下文

此主题组件移除了 Discourse 核心的加载旋转图标,并将其替换为屏幕顶部的加载滑块。这是其他网站(如 GitHub)的常见做法。其优势在于页面切换时内容“闪烁”更少。潜在的缺点是会让 Discourse 感觉不像一个应用,而更像网页。

正常 使用主题组件
ezgif-6-370e14693a43 ezgif-6-f4ed194f762c

已知问题:

  • 最新/热门/未读… 下拉菜单 在移动设备上会卡住 :white_check_mark:

  • 与 discourse-encrypt 的兼容性问题(例如切换主题时主题标题卡住)

92 个赞

这对我来说在视觉上更加悦目。加载转圈虽然不错,但显得有些突兀。

25 个赞

@David,我们能否在 Meta 上试运行一两天?

16 个赞

好的,让我们看看感觉如何。已在 Meta 上启用:+1:(并临时将本主题置顶/重命名,以便大家知晓此事正在发生)

25 个赞

虽然我很喜欢它,但确实感觉慢了不少。也许是因为我连接 Meta 的延迟有约 250 毫秒。

14 个赞

是的,我对此有些纠结。我喜欢它能阻止整个页面的闪烁,但这确实让界面感觉响应稍显迟钝:thinking:

15 个赞

相反,在低延迟连接下,我觉得它让页面感觉更快。不过,用户界面的响应速度有所不同。

13 个赞

我更喜欢那个加载图标,尽管老实说,我之前并没有太注意到它。我喜欢它只闪现一瞬间,然后页面就突然出现的这种方式,这看起来很快。而进度条让我更意识到自己在等待。我发现自己还在盯着它看,而原本我本可以开始阅读页面内容了。

如果在页面加载的更早阶段就让它“结束”,可能会有所改进。

或者,如果你想摆脱旧的加载图标,那不如采用一种新的加载图标,它像是进度条的圆形版本——在消失前刚好转满 360 度?

10 个赞

这暴露了几个不同的渲染问题(例如,直接从某个主题跳转到另一个主题会导致无法正确显示原始发帖)。该内容已暂时从元讨论区移除,但你仍可通过原始发帖中的主题创建者链接尝试使用。

14 个赞

哦,是的,这绝对更好,请随意这样调整!

17 个赞

主题渲染的 Bug 现已修复,因此我已在 Meta 上重新启用此功能。让我们看看效果如何。

17 个赞

看起来很棒。:+1:t2: 继续加油。

9 个赞

这家酒吧好多了。

6 个赞

我非常喜欢,尽管自定义的加载图标大多数时候不会显示。
不过有一个问题:当你重新加载当前主题或主题列表时,进度条不会显示。
如果你在 Meta 首页,点击 Logo,你会看到加载图标而不是进度条。

8 个赞

我更喜欢这个,比那个旋转加载动画好多了。做得真棒!

不过,如何设置或更改加载条的颜色呢?

6 个赞

目前它是根据配色方案中的“第四级”颜色来设置的。如果您需要,可以通过 CSS 轻松地进行单独自定义。

好眼力,谢谢。我会看看是否也能覆盖这种情况 :+1:

12 个赞

最终目标是否是将此功能移至 Discourse 核心,从而不再需要主题组件?

7 个赞