MD 话题列表移动组件

在我对 桌面版主题列表页面 进行小幅重新设计之后,我又基于类似理念开发了移动版本,包括为主题标题留出更大空间、添加包含更多信息的第二行,以及专门用于显示最新帖子的列。


兼容性

此主题组件兼容标签、精选链接功能,以及 原始主题列表版本 中的所有可用功能。任何分类样式展示(项目符号、条形、框式)都应能与此组件配合使用。

该主题组件已在几种配色方案上进行了测试,适用于浅色、中性或深色主题。

遗憾的是,如果某些插件(如“主题列表预览”)已经修改了主题列表的展示方式,此主题组件可能无法正常工作。

如有任何问题,请随时告知!

21 个赞

不错的插件。不过,一般建议能否在 Discourse 主题和组件列表中注明最低版本要求?我目前使用的是稳定版分支,但有一个用于 2.5beta 的测试沙箱。@codinghorror

我专门为旧版本创建了一个分支。

安装时,请使用链接 https://github.com/iunctis/md-topic-list-mobile,进入高级选项并添加 older-discourse

如果右侧栏的头像显示正常,就说明安装成功。几周后,当头像显示异常时,您只需重新安装该组件,且无需使用高级选项即可。

2 个赞

直接对比:

默认 / 组件

我喜欢最后一个发帖人头像在右侧的设计。
在默认的移动端布局中,大头像紧贴在主题标题左侧,给人一种“作者”的强烈感觉。

出于好奇,我查看了 SCSS 文件,请问您没有使用 SCSS 提供的嵌套语法是有什么原因吗?

7 个赞

已尝试高级选项。仍然显示“已禁用,需要 2.5 beta2”。

主要是因为在 CSS 中使用嵌套语法时,我更容易出错:grimacing:

不过,等我对主题列表设计更有把握后,我可以在几周内将其重写。

@Heliosurge 我编辑了 about.json 文件,现在应该没问题了。

3 个赞

感谢你的出色工作。:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

2 个赞

我刚刚推送了一个小升级。没有新功能,但我添加了对新缩略图函数的兼容性。

主题组件现在完全兼容以下组件:

4 个赞

我很喜欢,非常简洁。@Steven,我想知道是否可以通过 CSS 添加这个原生功能,即点击“全部回复”时触发?

不是通过 CSS,但模板可以修正。

我个人只使用这个功能来访问第一个帖子,但我不应该把我的导航方式强加给所有人。我会看看能否恢复这个功能。

2 个赞

我已升级组件以恢复此功能,并在两个支持环境中进行了测试。如有任何问题,请随时告知。

2 个赞

@Steven,新消息通知似乎显示了两次。一次在主题标题右侧,另一次取代了回复计数器。这是 bug 还是我漏掉了什么?

顺便说一句,移动端主题视图非常棒。我的用户很喜欢。

1 个赞

这应该来自带有主题入口按钮的最新更新。我认为最好回退到之前的版本,因为它并不太适合该组件。

我几分钟后升级。

编辑:刚刚已升级,请告诉我是否有所改善。

1 个赞

是的,现在运行完美,谢谢,速度很快 :slight_smile:

1 个赞

我认为你应该移除在标签列表前添加的标签表情符号:

它在不同的操作系统上看起来不一样:

image

它可能不符合论坛的设计,并且应该尊重桌面端的设计选择(默认情况下没有图标)。

如果你真的使用 标签图标组件 添加了标签图标,效果会像这样:

image

所以我用 CSS 隐藏了表情符号,但我认为它一开始就不应该存在 :slight_smile:

这是我论坛当前的显示效果:

image

.md-tlm .discourse-tags::before {
    display: none;
}
.md-tlm .tl-replies {
    margin-right: 8px;
}
1 个赞

感谢您的反馈,由于我目前面临严重的网络问题,所以在所有 Discourse 相关工作上有些滞后。

我喜欢标签图标或表情符号的想法,但我可能会将两个主题组件改为 d-icon 标签。同时,我会创建一个不含任何图标的分支,以便与标签图标组件兼容。

1 个赞

您好 Steven!

Discourse 当前版本似乎存在一些布局问题。

我创建了一个空主题,并仅包含了 MD Topic List Mobile Component,这似乎确实是问题所在。

这是移动视图:

边距/内边距有些奇怪。

2 个赞

好的,我马上就去看看。

我将尝试重写模板以移除尽可能多的自定义类,我认为这对于核心正在进行的重新设计来说是最好的。

编辑:新的提交,我重写了模板和样式表,以便将来更容易更新。

如果您有任何问题,请告诉我 @Canapin

4 个赞

太好了。谢谢!

1 个赞

可以在回复计数旁边添加总主题点赞数和浏览量吗?

2 个赞