窗口小部件不显示其内容

时间:2019-04-08 10:09:15

标签: apostrophe-cms

我正在尝试创建一个小部件,该小部件显示一个带有一些列内容的引导程序容器。 当我编辑页面但单击时,该小部件在我的列表中。窗口小部件不显示内容。

所以我的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': {},

我从撇号开始,有人知道为什么我的代码不起作用?我可能在某个地方犯了一个错误,但我找不到它

0 个答案:

没有答案