精选话题

我认为这是一个很棒的组件!

我承认我花了二三天时间试图创建一个主题组件来实现这个组件所做的完全相同的事情。我不觉得那是浪费时间,因为我学到了很多,但我确实希望我能早点听从 ask.discourse 的建议并查看这个组件。

有一件事我弄不明白

我喜欢卡片布局,但希望在卡片布局中显示缩略图和摘录。任何提示都将不胜感激

相反,我选择了列表布局,但想更改一些内容。我已经将它们添加到了我的 common.css 选项卡中。也许这对其他人有帮助

要移除主题标签

.featured-topics__topic-tag {
    display: none;
}

要移除作者头像

.featured-topics__wrapper .topic-author {
    display: none;
}

要移除分类链接

.featured-topics__wrapper .category-link {
    display: none;
}

编辑以添加:

我将保留上面的原始帖子,但我想要添加

如何在卡片视图中显示摘录

.featured-topics__topic-container.thumbnail .topic-excerpt {
    display: contents;
}

另外,我更喜欢桌面上的列表视图布局而不是卡片布局,但在移动设备上它看起来很糟糕。缩略图在左侧,标题和摘录在一个狭窄的列中在右侧。我还没有弄清楚如何让文本环绕缩略图或将所有内容堆叠在单列中。

由于我弄清楚了如何在卡片布局中显示缩略图和摘录,而且在移动设备上看起来不错,所以我切换到了该布局,因为我怀疑大多数用户正在用手机查看网站。