增加了一个帖子中回复的楼层数显示,效果如图所示:
自定义 CSS:
/* 显示帖子楼层数,配合head的js食用 */
a.post-date span {
margin-right: 1em
}
a.post-date:after {
content: "#"attr(data-post-number);
font-style: italic;
font-size: 0.8em;
}
自定义 JavaScript:
<script type="text/discourse-plugin" version="0.1">
// 显示帖子楼层数,配合css食用
// import { schedule } from "@ember/runloop";
const { schedule } = require("@ember/runloop"); // use this if running in Admin UI
api.decorateCookedElement((element, /* helper */) => {
schedule("afterRender", () => {
const article = element.closest("article");
if (article) {
// 原句
// article.dataset.postNumber = article.id.replace("post_", "");
// 根据上面的css修改
const postDate = article.querySelector("a.post-date");
if (postDate) {
postDate.dataset.postNumber = article.id.replace("post_", "");
}
}
});
});
</script>