修改 TopicExcerpt 模板？

开发
1

我想在主题列表摘要中添加主题创建者的头像，但似乎没有办法修改主题摘要。

TopicExcerpt:

我认为唯一的选择是用 CSS 隐藏 .topic-excerpt，并通过 topic-list-main-link-bottom 插件出口使用我自己的组件，它就在 TopicExcerpt 区域正下方。那样的问题是，插件出口只将主题作为参数传递，所以我必须复制 expandPinned 中的所有逻辑，才能知道我是否应该显示它。

tl;dr; 我们能否在 TopicExcerpt 内部获得一个 PluginOutlet，以及/或者将 @expandPinned 传递给 topic-list-main-link-bottom 出口？

1 个赞
2

您现在有了更多选项，请参阅：

1 个赞
3

据我所知，我已经查看了所有选项。我看不出有任何手术方法可以仅修改摘录。

4

是的，有一个，删除它并添加你自己的

5

你的意思是用我自己的内容替换整个主题列表项吗？我想避免维护所有这些内容，而我只想修改一小部分。

6

不，替换摘录单元格，或在其旁边添加一个并隐藏它。

7

摘要不是单元格。它在 topic-cell 和 mobile item 中使用。

你也可以在那里看到，附近的 topic-list-main-link-bottom 插件插槽只传递了 @topic，但没有传递 @expandPinned。

1 个赞
8

是的，你说得对，抱歉。

我在 topic-list 组件中看到了这个文件，所以做出了假设。

但无论如何，这里有很多工具可以实现你想要的功能，不是吗？

插件出口看起来是个不错的选择，然后用 CSS 来调整布局？

9

至于 expandPinned，也许可以在你的新组件中根据需要复制逻辑？

10

是的，我正沿着这条路走。这也意味着复制

  get useMobileLayout() {
    return applyValueTransformer(
      "topic-list-item-mobile-layout",
      this.site.mobileView,
      { topic: this.args.outletArgs.topic }
    );
  }
  //以及从 discovery/topics.js
  get expandGloballyPinned() {
    !this.expandAllPinned();
  }
  get expandAllPinned() {
    const category = this.discovery.category?.id
    const tag = this.discovery.tag?.id
    return category || tag;
  }

我曾希望向神灵祈祷能产生一个更简洁的选项 :pray: :sweat_smile:

1 个赞
11

这正是我周一早上通常在做的事情。

2 个赞
12

这似乎是合理的，所以我在这里完成了：

5 个赞
13

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.