自定义主布局

你好,我想在 main-outlet 的左右两侧各添加一列,用作横幅广告。

据我目前了解,我可以在 plugin-outlet 区域轻松添加新的 HTML 代码。但这并不是我想要的方式,因为目前并没有预留放置这些横幅的空间。

我应该采取什么方法?

请查看:

1 个赞

嗯……所以我应该为每个横幅创建一个部件,然后加载它,对吗?

您可能会发现现有的 HTML 小部件已能满足所有需求。GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

1 个赞

这很可能就是解决方案。不过,我还没能成功让它运行起来。

我不太明白您的意思,也不清楚该如何使用现有的 HTML 小部件。:confused:
因此,我决定自己创建一个能生成两个横幅并将其添加到两侧的小部件。

我创建了一个小部件:https://github.com/teakap/banner-theme-component

它已加载,我也在布局设置中将其添加为小部件,但我在页面上仍然看不到该小部件的 HTML 内容。

1 个赞

太好了,你已经深入其中!

调试 JavaScript 时,请务必始终打开浏览器控制台。

我得到的是:

image

你缺少一个 import 语句:

import { h } from 'virtual-dom';

这样就能解决问题:

不过,你应该这样编写代码,否则类名会显示出来(就像上面那样):

h("span.some-banner-class", "my text")

image

继续加油! :slight_smile:

3 个赞

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