Question

  this.stencil = new joint.ui.Stencil({
    paper: this.paper,
    width: 240,
    height: 500,
    label: 'Components',
    layout: {
      columnWidth: 80,
      columns: 2,
      rowHeight: 130,
    },
  });

我正在使用此代码在模具中创建两列布局。有没有办法增加任何填充或增加两列之间的间距？

Answer 1

这可以通过在dx配置中分别为水平和垂直间隙设置dy和layout属性来完成-

this.stencil = new joint.ui.Stencil({
    paper: this.paper,
    width: 240,
    height: 500,
    label: 'Components',
    layout: {
      columnWidth: 80,
      columns: 2,
      rowHeight: 130,
      dy: 10,
      dx: 10,
      deep: true
    },
  });

您可以更改dx和dy的值以达到您真正想要的差距。

您可以在ui.Stencil下引用“布局”。这是链接-https://resources.jointjs.com/docs/rappid/v2.3/ui.html#ui.Stencil

有关布局配置的说明，请访问-https://resources.jointjs.com/docs/rappid/v2.3/layout.html#layout.GridLayout

如何增加模板列之间的间隙

1 个答案: