角度材质网格控制图块的顺序

Question

如何动态更改角度材质网格中的切片顺序？我正在使用网格来创建动态布局，我们有一个拖放字段的功能。是否有像flex-order这样的可用属性，并且通过应用网格内的图块顺序可以更改？

Answer 1

您可以使用"order-property"作为：

.wrapper {
   width: 600px;
   display: grid;
   grid-template-columns: repeat(6, 100px);
   grid-gap: 10px;
}

.box1 {
   order: 3;
}

以下是codepen示例。