grid

实现:
- Android: RecyclerView
- iOS: UICollectionView
详情:
- 一个多列横滑容器或者竖滑容器，可承载单类型子模板。具备行数、列数、边距、间距等属性。
属性值:
- edge-insets: 内边距
  - 默认值: {0,0,0,0}
- item-spacing: 坑位间距
  - 默认值: 0
- row-spacing: 与坑位间距垂直的间距（上下）
  - 默认值: 0
- direction: 容器方向
  - 可取值: horizontal vertical
  - 默认值: vertical
扩展属性:
- itemSameHeight: 在Grid仅有一列的情况下，标记子模板是否高度相同，默认值: true。
  - true: 使用第一条数据进行子模板的高度计算，乘以行数作为Grid的高度。
  - false: 逐条数据计算子模板的高度，累加作为Grid的高度。
```
{
    "data": {
        "template_grid_1_column_compute_height": {
            "value":"$nodes",
            "extend": {
                "itemSameHeight": false
            }
        }
    }
}
```

基础用法:

// 定义:
{
  "edge-insets": "{0,18,0,18}",
  "id": "gx-content-uper-grid",
  "item-spacing": 9,
  "row-spacing": 9,
  "column": 2,
  "sub-type": "grid",
  "type": "gaia-template",
  "layers": [
    {
      "type": "gaia-template",
      "id": "gx-content-uper-grid-item",
      "sub-type": "custom"
    }
  ]
}

// 样式: 
#gx-content-uper-grid {
  width:100%;
}

// 数据绑定: 
{
    "data": {
        "gx-content-uper-grid":{
            "value":"$nodes"
        }
    }
}

// Mock数据: 
{
  "nodes": [
    {
      "img": "https://t7.baidu.com/it/u=376303577,3502948048&fm=193&f=GIF",
      "title": "我是标题",
      "subtitle": "我是副标题",
    },
    {
      "img": "https://t7.baidu.com/it/u=376303577,3502948048&fm=193&f=GIF",
      "title": "我是标题",
      "subtitle": "我是副标题",
    },
  ]
}

# grid

grid