本文来源于 Flarum 官方论坛的 帖子,实测在 CV 7.4.0 上有效,其他版本自行测试。

用于分类页面的每个分类都加入单独背景,要做到这一点并不难,只是有个问题,如果你用这个,你就不能再使用标签描述。

修改以下文件:

vendor/flarum/flarum-ext-tags/js/forum/dist/extensions.js

把以下内容:

return m(
    'li',
    { className: 'TagTile ' + (tag.color() ? 'colored' : ''),
      style: { backgroundColor: tag.color() } },
    m(
        'a',
        { className: 'TagTile-info', href: app.route.tag(tag), config: m.route },
        m(
            'h3',
            { className: 'TagTile-name' },
            tag.name()
        ),
        m(
            'p',
            { className: 'TagTile-description' },
            tag.description()
        ),

修改成:

return m(
    'li',
    { className: 'TagTile ' + (tag.description() ? 'colored' : ''),
      style: { background: tag.description() } },
    m(
        'a',
        { className: 'TagTile-info', href: app.route.tag(tag), config: m.route },
        m(
            'h3',
            { className: 'TagTile-name' },
            tag.name()
        ),

然后在后台 — 外观设置 — 自定义样式,加入:

.SelectTagListItem-description {
    display: none;
}

使用方法:在后台 - 分类设置,每一个节点描述里输入:

url(http://xxx.com/xxx.jpg)

http://xxx.com/xxx.jpg 替换成你期望每个节点的背景图。

最终效果图如下:

效果图

如果觉得我的文章对你有用,请随意赞赏