在我对 桌面版主题列表页面 进行小幅重新设计之后,我又基于类似理念开发了移动版本,包括为主题标题留出更大空间、添加包含更多信息的第二行,以及专门用于显示最新帖子的列。
兼容性
此主题组件兼容标签、精选链接功能,以及 原始主题列表版本 中的所有可用功能。任何分类样式展示(项目符号、条形、框式)都应能与此组件配合使用。
该主题组件已在几种配色方案上进行了测试,适用于浅色、中性或深色主题。
遗憾的是,如果某些插件(如“主题列表预览”)已经修改了主题列表的展示方式,此主题组件可能无法正常工作。
如有任何问题,请随时告知!
21 个赞
Heliosurge
(Dan DeMontmorency)
2
不错的插件。不过,一般建议能否在 Discourse 主题和组件列表中注明最低版本要求?我目前使用的是稳定版分支,但有一个用于 2.5beta 的测试沙箱。@codinghorror?
我专门为旧版本创建了一个分支。
安装时,请使用链接 https://github.com/iunctis/md-topic-list-mobile,进入高级选项并添加 older-discourse。
如果右侧栏的头像显示正常,就说明安装成功。几周后,当头像显示异常时,您只需重新安装该组件,且无需使用高级选项即可。
2 个赞
Canapin
(Coin-coin le Canapin)
4
直接对比:
默认 / 组件
我喜欢最后一个发帖人头像在右侧的设计。
在默认的移动端布局中,大头像紧贴在主题标题左侧,给人一种“作者”的强烈感觉。
出于好奇,我查看了 SCSS 文件,请问您没有使用 SCSS 提供的嵌套语法是有什么原因吗?
7 个赞
Heliosurge
(Dan DeMontmorency)
5
已尝试高级选项。仍然显示“已禁用,需要 2.5 beta2”。
主要是因为在 CSS 中使用嵌套语法时,我更容易出错:grimacing:
不过,等我对主题列表设计更有把握后,我可以在几周内将其重写。
@Heliosurge 我编辑了 about.json 文件,现在应该没问题了。
3 个赞
我刚刚推送了一个小升级。没有新功能,但我添加了对新缩略图函数的兼容性。
主题组件现在完全兼容以下组件:
4 个赞
我很喜欢,非常简洁。@Steven,我想知道是否可以通过 CSS 添加这个原生功能,即点击“全部回复”时触发?
Steven
10
不是通过 CSS,但模板可以修正。
我个人只使用这个功能来访问第一个帖子,但我不应该把我的导航方式强加给所有人。我会看看能否恢复这个功能。
2 个赞
Steven
11
我已升级组件以恢复此功能,并在两个支持环境中进行了测试。如有任何问题,请随时告知。
2 个赞
Canapin
(Coin-coin le Canapin)
12
嘿 @Steven,新消息通知似乎显示了两次。一次在主题标题右侧,另一次取代了回复计数器。这是 bug 还是我漏掉了什么?
顺便说一句,移动端主题视图非常棒。我的用户很喜欢。
1 个赞
Steven
13
这应该来自带有主题入口按钮的最新更新。我认为最好回退到之前的版本,因为它并不太适合该组件。
我几分钟后升级。
编辑:刚刚已升级,请告诉我是否有所改善。
1 个赞
Canapin
(Coin-coin le Canapin)
15
我认为你应该移除在标签列表前添加的标签表情符号:
它在不同的操作系统上看起来不一样:

它可能不符合论坛的设计,并且应该尊重桌面端的设计选择(默认情况下没有图标)。
如果你真的使用 标签图标组件 添加了标签图标,效果会像这样:

所以我用 CSS 隐藏了表情符号,但我认为它一开始就不应该存在 
这是我论坛当前的显示效果:

.md-tlm .discourse-tags::before {
display: none;
}
.md-tlm .tl-replies {
margin-right: 8px;
}
1 个赞
Steven
16
感谢您的反馈,由于我目前面临严重的网络问题,所以在所有 Discourse 相关工作上有些滞后。
我喜欢标签图标或表情符号的想法,但我可能会将两个主题组件改为 d-icon 标签。同时,我会创建一个不含任何图标的分支,以便与标签图标组件兼容。
1 个赞
Canapin
(Coin-coin le Canapin)
17
您好 Steven!
Discourse 当前版本似乎存在一些布局问题。
我创建了一个空主题,并仅包含了 MD Topic List Mobile Component,这似乎确实是问题所在。
这是移动视图:
边距/内边距有些奇怪。
2 个赞
Steven
18
好的,我马上就去看看。
我将尝试重写模板以移除尽可能多的自定义类,我认为这对于核心正在进行的重新设计来说是最好的。
编辑:新的提交,我重写了模板和样式表,以便将来更容易更新。
如果您有任何问题,请告诉我 @Canapin
4 个赞