我正在尝试创建一个小部件,该小部件显示一个带有一些列内容的引导程序容器。 当我编辑页面但单击时,该小部件在我的列表中。窗口小部件不显示内容。
所以我的widget.html只是几行html,一个部分是容器类,一个div是行类,另外两个是col-6类。并在其中完成一些文本。
<section class="container">
<div class="row">
<div class="col-6">test</div>
<div class="col-6">test</div>
</div>
</section>
还有我的index.js:
module.exports = {
extend: 'apostrophe-widgets',
label: 'A container bootstrap',
addFields: [
{
name: 'container',
type: 'area',
label: 'container',
}
]
};
我在home.html中使用该代码进行调用:
{{
apos.area(data.page, 'container', {
widgets: {
'bootstrap-container': {},
}
})
}}
以及app.js内的初始化
'bootstrap-container': {},
我从撇号开始,有人知道为什么我的代码不起作用?我可能在某个地方犯了一个错误,但我找不到它