MD 话题列表移动组件

我已推送修复程序

3 个赞

请给我第二个版本,头像在右边 :pray:

很高兴该组件已更新,我已在所有实例上使用它。

1 个赞

这个替代方案看起来不错。说实话,用徽章替换头像有点奇怪。我个人会减小徽章的大小,但是的,对我来说听起来不错。

2 个赞

我喜欢这个替代方案。

2 个赞

我已经更新了组件来尝试这个。如果您有任何问题,请告诉我。

再次感谢 @Arkshine,没有您的工作,我可能已经放弃了。

2 个赞

您认为有必要在标题下方也显示观看次数和点赞数吗?
因为在旧版本中,它们是显示的。

我不认为它是,我猜你是直接在组件中使用插件 outlet 添加的

我现在没有代码,但如果你真的需要,我可以帮忙

基本代码应该是这样的

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **code**</span>
</script>
1 个赞

啊,真的吗?我不记得我是否做过任何更改。
也许是我的记忆在捉弄我。
不过还是谢谢你的帮助,我会从我这边修改代码的 :sweat_smile:

1 个赞

顺便说一句,预览链接似乎不起作用。

2 个赞

修好了,谢谢

我整理了我的主题创建页面,但又忘了再次分享这些组件

3 个赞

您好 Steven,

新文章发布时,文章标题后会出现两个徽章。这是有意为之的吗?

我添加了一段 JS 代码来移除其中一个,但它似乎并不总是有效,尤其是在使用不同浏览器时。

您有什么其他好建议吗?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // 移除第二个 badge
    badges[1].remove();
  }
});

1 个赞

我想我已经解决了,我推送了一个修复程序,请尝试更新并告诉我现在是否正常。

1 个赞

更新后,它运行得非常好。谢谢 :smiley:

2 个赞

在线指示器放错位置了 :slight_smile:


看第一行

1 个赞

由于 whos online 插件将此指示器附加到左侧拉动(我们已停用),并且头像在垂直方向上居中,因此这很棘手。

通过这些修改,我可以做得更接近(将它们放在 CSS 移动样式表中),但这绝非完美。

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

最简单的解决方案是在移动设备和仅主题列表上停用此指示器。

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 个赞

嗨 Max。我也想在标题下方显示一些内容,比如点赞数和观看次数。你是怎么做到的?

组件的小更新,在一个分类中,主题列表相当空。我添加了一些作者和帖子数量的信息。

之前

之后

1 个赞

看起来不错。我调整了一些颜色,以免过于花哨。

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}