this.stencil = new joint.ui.Stencil({
paper: this.paper,
width: 240,
height: 500,
label: 'Components',
layout: {
columnWidth: 80,
columns: 2,
rowHeight: 130,
},
});
Я использую этот код для создания макета двух столбцов в трафарете. Есть ли способ добавить какие-либо отступы или увеличить промежуток между двумя столбцами?
Это можно сделать, установив свойства 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.