宫格 Grid

    宫格共包含 2 个组件： 、 grid-item ，这两个组件必须配合使用。

    grid 包裹在所有 grid-item 最外层， grid 下的所有 grid-item 属于同一个 grid;

    注意事项

    • 必须在 grid-item 上设置 slot和 ,且两者值必须相等。因为在微信小程序中slot属性不能被获取到，所以必须设置一个和slot值一样的 key，以便于将子组件的元素插入到合适的位置。

    设置边框

    • show-border="true" 显示所有的边框；
    • show-row-border="true" 显示横向边框；
    • show-col-border="true" 显示纵向边框；

    设置边框

    默认每行3个宫格，可以使用 row-num 自定义每行显示的宫格数目。

    宫格属性 (Grid Attributes）

    宫格元素属性 (GridItem Attributes）