# 在移动设备上显示帖子作者和最后回复 **URL:** https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944 **Category:** Theme component **Created:** [2023 年6 月 11 日 16:08 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944 "2023-06-11T16:08:46Z") **Posts on this page:** 20 **Page:** 1
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2023 年6 月 11 日 16:08 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/1 "2023-06-11T16:08:46Z")
||||\n|-|-|-|\n| :information_source: | **摘要** | 此组件在移动设备上显示主题 OP 和最后回复\n| : eyeglasses:| **预览** | [Theme Creator](https://discourse.theme-creator.io/theme/Lhc_fl/op-and-reply) |\n| :hammer_and_wrench:| **仓库** | [Lhcfl/discourse-mobile-topic-op-and-last-reply (github.com)](https://github.com/Lhcfl/discourse-mobile-topic-op-and-last-reply) |\n| :question:| **安装指南** |[如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)|\n| :open_book:| **刚接触 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)\n\n\u003c!-- 为自动安装按钮填写 "repoName" 和 "repoURL" –\u003e\n\n\n安装此主题组件\n\n\n\u003c!-- 用一两句话描述此主题/组件 –\u003e\n\n\u003e 此主题组件深受 @awesomerobot 的 [显示原始发帖人头像 - 主题组件 - Discourse Meta](https://meta.discourse.org/t/show-original-poster-avatars/171346) 的启发。感谢他创造了如此出色的作品！\n\n此主题组件在移动设备上显示主题 OP 或最后回复者之间取得了平衡。如您所见，主题的 OP 显示在左侧，最后回复者显示在右侧。特别是，如果没有回复，头像的位置将被时钟取代。\n\n ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/0/3f05971a8d826c6610f113b3175bad6097f36185.png) ---
### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin) #### Post date: [2023 年6 月 12 日 13:15 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/2 "2023-06-12T13:15:38Z")
这让我想起了 [MD Topic List Mobile component](https://meta.discourse.org/t/md-topic-list-mobile-component/146341?u=canapin) :slight_smile: ---
### Author: ![Wil34](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wil34/32/310748_2.png) [@Wil34](https://meta.discourse.org/u/Wil34) #### Post date: [2023 年6 月 16 日 08:11 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/3 "2023-06-16T08:11:39Z")
谢谢！ 你能也为电脑做同样的事情吗？ ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2023 年6 月 16 日 08:13 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/4 "2023-06-16T08:13:18Z")
桌面上的主题列表没有为我们提供更详细的信息吗？ ---
### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost) #### Post date: [2024 年2 月 27 日 23:50 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/5 "2024-02-27T23:50:48Z")
一个不错的主题组件，但它对我的类别+标签也这样： ![Screenshot_2024-02-28-00-49-39-539_com.android.chrome-edit](https://global.discourse-cdn.com/meta/original/4X/2/d/3/2d3294e7136fb49cfbb74e158ae79d968459bfaf.jpeg) 可以修复吗？ ---
### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine) #### Post date: [2024 年2 月 28 日 00:24 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/6 "2024-02-28T00:24:47Z")
您是指没有任何显示吗？ 我在我的这边测试了该组件，它工作正常： ![image](https://global.discourse-cdn.com/meta/original/4X/a/c/8/ac8aaac83b8d5a9024742447dba001ac6e13fd51.png) ---
### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost) #### Post date: [2024 年7 月 7 日 11:50 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/8 "2024-07-07T11:50:28Z")
您好，又是我。有什么办法可以解决这个问题吗？ ![Screenshot_2024-07-07-13-45-42-992_com.android.chrome-edit](https://global.discourse-cdn.com/meta/original/4X/2/8/a/28a1218e4af122ce955b6a605d24b1ec08760261.jpeg) 如果我禁用主题组件，它会按预期显示。 另外，在预览中，类别+标签没有间距： ![Screenshot_2024-07-07-13-52-17-105_com.android.chrome-edit](https://global.discourse-cdn.com/meta/original/4X/5/f/6/5f69e93b33f1a11e66e3ab7adc2ab1b3e3fbf286.jpeg) ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2024 年7 月 8 日 01:30 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/9 "2024-07-08T01:30:06Z")
有什么问题吗？这看起来符合预期。 ---
### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost) #### Post date: [2024 年7 月 8 日 01:34 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/10 "2024-07-08T01:34:54Z")
在主题组件之前，它显示如下： ![IMG_20240708_033414](https://global.discourse-cdn.com/meta/original/4X/3/a/3/3a37d03f74da83f50642ff36f9c9f97c2f3adc22.jpeg) ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2024 年7 月 8 日 01:41 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/11 "2024-07-08T01:41:08Z")
![image](https://global.discourse-cdn.com/meta/original/4X/0/3/c/03c888cb6f504991425680e4b79f5125d77abeaf.jpeg) 我稍微修改了您的图片，您看，标签的文字太长了，无法完全显示，所以它被移到了下一行。 ---
### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost) #### Post date: [2024 年7 月 8 日 01:51 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/12 "2024-07-08T01:51:41Z")
我明白了，但它应该在这里： ![IMG_20240708_034945](https://global.discourse-cdn.com/meta/original/4X/2/3/4/2340fc6acbe73fa9cea86984ec9c5625f1dfe238.jpeg) 我暂时通过稍微限制标签使其只显示为一行来解决了这个问题。 ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2024 年7 月 8 日 01:56 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/13 "2024-07-08T01:56:07Z")
这只是一个观点问题，这是故意的，因为我认为将标签放在类别之后看起来更好。:thinking: ---
### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost) #### Post date: [2024 年7 月 8 日 02:00 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/14 "2024-07-08T02:00:33Z")
好的。所以它是那样设计的。对我来说听起来有点奇怪，因为有很多空白空间。 不过好的，我现在明白了。谢谢。 ---
### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh) #### Post date: [2025 年2 月 9 日 18:32 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/15 "2025-02-09T18:32:44Z")
![管理员通知：在深红色背景图片上，通知说明由于即将到来的 Discord 核心更改，需要更新主题或插件，特别提到了 ID 为“discourse.hbr-topic-list-overrides”的“移动版主题 OP 和最后回复”主题。（由 AI 标注）](https://global.discourse-cdn.com/meta/original/4X/b/c/d/bcd928fca329ba87cf7239efff63c258c5fea71b.jpeg) 这个主题组件会被更新吗？ ---
### Author: ![copymonopoly](https://avatars.discourse-cdn.com/v4/letter/c/4491bb/32.png) [@copymonopoly](https://meta.discourse.org/u/copymonopoly) #### Post date: [2025 年2 月 11 日 14:26 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/16 "2025-02-11T14:26:00Z")
快点回来吧，please ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2025 年3 月 2 日 04:52 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/17 "2025-03-02T04:52:00Z")
我已经[完成了维护工作](https://github.com/Lhcfl/discourse-mobile-topic-op-and-last-reply/tree/upgrade)，但有一个问题——我可能需要在核心中放置一个PluginOutlet。没有这个插槽，很难完整地重写这个主题组件。 [DEV: Lhcfl · discourse/discourse · Pull Request #31567 · discourse/discourse]（[https://github.com/discourse/discourse/pull/31567）添加了一个用于移动视图主题活动编号的PluginOutlet](https://github.com/discourse/discourse/pull/31567%EF%BC%89%E6%B7%BB%E5%8A%A0%E4%BA%86%E4%B8%80%E4%B8%AA%E7%94%A8%E4%BA%8E%E7%A7%BB%E5%8A%A8%E8%A7%86%E5%9B%BE%E4%B8%BB%E9%A2%98%E6%B4%BB%E5%8A%A8%E7%BC%96%E5%8F%B7%E7%9A%84PluginOutlet) * * * 更新：已合并 :slightly_smiling_face: 现在该组件与最新的discourse兼容 ---
### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong) #### Post date: [2025 年4 月 11 日 11:09 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/18 "2025-04-11T11:09:29Z")
提交 b35e64 是否可能破坏了 3.4.2 上的 TC？自那时起它就停止工作了。当我安装旧的 55f5a52 版本时，它的工作正常。 ---
### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl) #### Post date: [2025 年4 月 12 日 13:24 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/19 "2025-04-12T13:24:05Z")
是的，提交 `b35e64` 依赖于相当 recente 的 Discourse 核心变更 ---
### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi) #### Post date: [2025 年11 月 2 日 22:21 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/20 "2025-11-02T22:21:52Z")
我在浏览器的开发者控制台中收到了关于这个很棒的主题组件的弃用通知： > [THEME 71 ‘Topic OP and last reply for mobile’] 弃用通知：在站点初始化期间访问 `site.mobileView` 或 `site.desktopView` 可能会在浏览器窗口大小调整时导致错误和不一致。请将这些检查移至在页面渲染期间执行的组件、转换器或 API 回调中。[已弃用自 Discourse 3.5.0.beta9-dev] [弃用 ID：discourse.static-viewport-initialization] [信息：[Designing for Different Devices (Viewport Size, Touch/Hover, etc.)](https://meta.discourse.org/t/367810)] ---
### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy) #### Post date: [2025 年11 月 3 日 01:20 UTC](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944/21 "2025-11-03T01:20:48Z")
我也是，但这只是一个临时的通知 > [@Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696): > > GitHub repository: Screenshots Installation Follow the instructions in this #howto topic: Customization See the [readme](https://github.com/OsamaSayegh/discourse-tab-bar-theme/blob/master/README.md) file in the theme’s GitHub repository. Ideas to improve this theme are very welcome slightly_smiling_faceUpdate 24/12/2018: You no longer need to overwrite any code in order to customize this theme. It’s now shipped with theme settings that allow customization for each of the 6 tabs with ability to disable any tab. See the [readme](https://github.com/OsamaSayegh/discourse-tab-bar-theme/blob/master/README.md) file for detai… [Next page](https://meta.discourse.org/t/show-both-op-and-last-reply-on-mobile/267944.md?page=2)