Question

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

所以我的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 个答案: