Мой проект должен отображать 3 плитки/«Сетки» (одна зеленая (большая) и один магента/красный
Изображение 1 < /p>
Но в моем проекте отображается, что вместо этого (что приводит к почти невидимым плиткам): < /p>
Изображение 2 < /p>
В примере ниже, он ничего не отображает (но я не смотрю его на видно и на grid -элементы там есть. Отмечая, что я использую позицию: относительный в стеках сетки (
Код: Выделить всё
.TileGroup.grid-stackКод: Выделить всё
const gridstack = GridStack.init({
alwaysShowResizeHandle: false,
disableResize: false,
margin: `${margin}rem`,
maxRow: options.direction == "horizontal" ? 6 : undefined,
rtl: localeDir == "rtl",
cellHeight: `${small_size.height}rem`,
acceptWidgets(el) {
return div_ref.current!.contains(el);
},
}, group_element);
// Add gridstack widget
const widget_element = gridstack.addWidget({
x: tile.x,
y: tile.y,
w: get_tile_columns(tile.size),
h: get_tile_rows(tile.size),
});
< /code>
Здесь, get_tile_columns () возвращает значение из 1-4 < /p>
/**
* Gets width of tile size in small tiles unit.
*/
function get_tile_columns(size: TileSize): number
{
return size == "large" ? 4 : size == "wide" ? 4 : size == "medium" ? 2 : 1;
}
/**
* Gets height of tile size in small tiles unit.
*/
function get_tile_rows(size: TileSize): number
{
return size == "large" ? 4 : size == "wide" ? 2 : size == "medium" ? 2 : 1;
}
Подробнее здесь: https://stackoverflow.com/questions/795 ... idstack-js
Мобильная версия