# 主题列表预览（TLP）

**URL:** <https://meta.discourse.org/t/topic-list-previews-tlp/209973>\
**Category:** Theme component\
**Created:** [2021年十一月23日 12:25 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")\
**Posts on this page:** 20\
**Page:** 10

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月9日 08:44 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/182 "2022-09-09T08:44:59Z")

</div>

缩略图现在是一项核心功能，所以我的看法是这有点过了？

即技术上，一旦通过安装了相关元数据的 TC 全局激活，所有主题都可以拥有缩略图。

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [2022年九月9日 13:32 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/183 "2022-09-09T13:32:26Z")

</div>

我们在 2.9beta9 版本上遇到了一个问题。

TLP TC 导致移动设备上的最后活动日期向左偏移，请参见下面的屏幕截图。所有功能，如缩略图、摘要等均已禁用。

 ![Screenshot 2022-09-09 at 15.30.57](https://global.discourse-cdn.com/meta/original/4X/3/4/b/34b97b5e9a2964d523ee72707d997c72352b0916.jpeg)

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月12日 11:48 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/184 "2022-09-12T11:48:39Z")

</div>

感谢您的报告。我会在有空时查看。

无论主页如何，我都注意到在切换发现主题列表和刷新页面时设置不一致。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月12日 13:21 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/185 "2022-09-12T13:21:09Z")

</div>

此问题已修复，如果用户未选择缩略图，将不再显示宽边距

[IMPROVE: 减少在不需要缩略图时右侧区域的边距 · paviliondev/discourse-tc-topic-list-previews@bfa1f60 (github.com)](https://github.com/paviliondev/discourse-tc-topic-list-previews/commit/bfa1f6062f06cc305e7235604b0cc59d466ce92f)

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月12日 13:22 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/186 "2022-09-12T13:22:29Z")

</div>

这应该已修复：

[FIX: 移动元和操作在非图块中的对齐 · paviliondev/discourse-tc-topic-list-previews@660879b (github.com)](https://github.com/paviliondev/discourse-tc-topic-list-previews/commit/660879b39f30e809d0d794fecb4651da5e1e5c90)

[IMPROVE: 移动非图块元 · paviliondev/discourse-tc-topic-list-previews@73df618 (github.com)](https://github.com/paviliondev/discourse-tc-topic-list-previews/commit/73df6182df24b531503f95f38a11c527a754c65d)

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月12日 15:10 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/187 "2022-09-12T15:10:50Z")

</div>

TC 的公共分支现已添加实验性智能背景色确定功能。

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/6/c/e6c1625a34e6ae305fd4d5def13586e3481e2f65.jpeg)

请访问 [https://starzen.space](https://starzen.space) 查看演示。

如您所见，文本颜色也会根据背景颜色进行切换，以获得最佳清晰度。

在某些极端情况下，此功能对某些控件效果不佳（当颜色正好处于灰色范围的中间时），但总的来说，它已经相当成熟，因为我自己已经在我自己的网站上运行了几周（实际上如果算上我后来停用的一个旧网站，已经有几个月了）。

我甚至改变了缩略图的处理方式，以消除黑色边框，从而更好地计算出正确的显眼颜色，请查看设置以了解选项，因为有几种策略。

**您需要 sidecar 插件才能使其正常工作，并且该设置是全局的。**

此功能适用于所有样式的视图，但在图块（桌面和移动设备）上效果最佳。

---

<div class="post-metadata">

**Author:** ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)\
**Post date:** [2022年九月13日 03:58 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/189 "2022-09-13T03:58:15Z")

</div>

出于某种原因，顶部特色条幅未显示在我们网站的首页 - [krita-artists.org](http://krita-artists.org) 上。只有当我进入“艺术作品”类别然后返回首页时，它才会显示，而且是随机显示的。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月13日 09:50 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/190 "2022-09-13T09:50:29Z")

</div>

已修复，希望如此：[FIX: missing Featured Images on Categories page · merefield/discourse-tc-topic-list-previews@0ebab1f · GitHub](https://github.com/paviliondev/discourse-tc-topic-list-previews/commit/0ebab1f1b188a1a0c3f4518254f7966575c1f321)

---

<div class="post-metadata">

**Author:** ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)\
**Post date:** [2022年九月13日 09:58 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/191 "2022-09-13T09:58:33Z")

</div>

非常感谢您的快速回复。我已更新主题组件。

现在它显示了条带，但不知何故它显示了未标记为精选帖子的图片。而且现在每行只有 2 张图片。

 ![Screenshot_20220913_152514](https://global.discourse-cdn.com/meta/original/4X/7/3/f/73f143817647b3066108b7db13c7736876ece3ba.png)

这两篇带有这些图片的帖子没有 #featured 标签。

编辑：这是通过按 Ctrl+Shift+R 进行软重新加载时发生的。如果您单击网站徽标重新加载页面，它会显示正确的图片。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月13日 09:59 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/192 "2022-09-13T09:59:05Z")

</div>

是的，有些不对劲，我会再深入研究一下。

> [@raghukamath](#):
>
> 编辑：这发生在按 Ctrl+Shift+R 进行软刷新时

是的，我认为这只会在刷新时出现问题，但这可能会影响主页导航……

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月13日 14:17 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/193 "2022-09-13T14:17:17Z")

</div>

@AdamAndrews @raghukamath  
好的，请再次更新，在可能采取永久性解决方案之前，已实施了临时解决方案。

参见：[this.store.findFiltered returning unexpected results in Theme Component - #4 by david](https://meta.discourse.org/t/this-store-findfiltered-returning-unexpected-results-in-theme-component/238864/4?u=merefield)

提交：[FIX: fix filtering of topics for featured images · merefield/discourse-tc-topic-list-previews@c985f9c · GitHub](https://github.com/paviliondev/discourse-tc-topic-list-previews/commit/c985f9c3d453c1b543802986bedace50b2025b03)

谢谢 @David @pfaffman

---

<div class="post-metadata">

**Author:** ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)\
**Post date:** [2022年九月13日 17:39 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/194 "2022-09-13T17:39:33Z")

</div>

现在到目前为止它都能正确加载。感谢您迅速修复此问题。

我看到一个更改，顺序恢复为帖子创建时的顺序，而不是基于帖子的更新日期。目前看起来还可以，但如果有什么问题，我会在此处更新。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月13日 17:55 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/195 "2022-09-13T17:55:42Z")

</div>

设置不起作用吗？如果不起作用，我很快会再看一看。

---

<div class="post-metadata">

**Author:** ![AdamAndrews](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@AdamAndrews](https://meta.discourse.org/u/AdamAndrews)\
**Post date:** [2022年九月13日 21:13 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/196 "2022-09-13T21:13:18Z")

</div>

感谢您快速的响应，经过测试，现在一切似乎都正常了。

---

<div class="post-metadata">

**Author:** ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)\
**Post date:** [2022年九月19日 07:08 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/197 "2022-09-19T07:08:32Z")

</div>

我在设置中启用了此功能，以前它总是显示帖子中最新的帖子。现在它根据帖子创建日期显示，我认为这符合设置。  
 ![Screenshot_20220919_123615](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/0/a/8/0a8801da8b382858dd3aa71c88952ab9360601ae_2_690x60.png)

但问题是，如果我精选一篇可能被忽视或错过的旧帖子，它不会出现在精选行中，因为它的创建日期很早。我希望有一种方法可以根据标签创建或编辑日期来设置顺序。

---

<div class="post-metadata">

**Author:** ![Kuro22](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro22/32/261055_2.png) [@Kuro22](https://meta.discourse.org/u/Kuro22)\
**Post date:** [2022年九月20日 10:52 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/198 "2022-09-20T10:52:54Z")

</div>

您好 @merefield。在最新版本的 discourse 中，在点击批量操作按钮后，我在移动设备上看到了主题列表项的重叠。（已启用图块和摘要）

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/a/5/8a54e7130bee5a6aba75e4ea317b5d47b8a7f30f.jpeg)

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月20日 11:08 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/199 "2022-09-20T11:08:32Z")

</div>

Tiles 目前不支持该功能，在那种情况下不应该可以选择该操作，这是一个 bug（桌面版没有这样的按钮）。

我将着手禁用该选项，并可能在未来添加支持。

目前可以采用的变通方法是创建一个具有维护样式视图的另一个主题，以便您可以使用基本的紧凑型 vanilla 主题列表执行批量操作——由于占用的空间太大，瓦片与批量操作不匹配。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月20日 11:09 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/200 "2022-09-20T11:09:28Z")

</div>

目前没有带宽来查看这个，但如果它不像以前那样工作了，我会尽快查看。

---

<div class="post-metadata">

**Author:** ![Kuro22](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro22/32/261055_2.png) [@Kuro22](https://meta.discourse.org/u/Kuro22)\
**Post date:** [2022年九月20日 11:25 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/201 "2022-09-20T11:25:02Z")

</div>

> [@merefield](#):
>
> 在桌面上没有这样的按钮

是的，即使在移动设备上，用户也看不到该按钮，而且我不经常执行批量操作，因此该错误并非非常重要。只是对（一个已经很复杂的 TC）不完美之处的一个小提醒。 😉

> [@merefield](#):
>
> 变通方法

谢谢！明白了。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2022年九月20日 11:25 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/202 "2022-09-20T11:25:59Z")

</div>

> [@Kuro22](#):
>
> 只是一个小小的提醒，（一个已然很复杂的TC）也有不完美之处。

感谢您的耐心 😅

[上一頁](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=9)

[下一頁](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=11)
