正文

本文来源于 flarum 官方论坛的 帖子,实测在cv7.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 替换成你期望每个节点的背景图。

最终效果图如下

Last modification:May 30th, 2020 at 11:43 pm
如果觉得我的文章对你有用,请随意赞赏