#### 组件名称
gov-grid

#### 解释：
宫格

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|list |Array |是|[]|宫格数据|
|column-num |Number |否|2|每行显示几列，2列、3列、4列|
|has-line |Boolean |否|true|是否有竖分隔线，默认有|
|has-border |Boolean |否|true|图片是否有border，默认有|
|has-hover |Boolean |否|true|是否有点击态，默认有|
|border-radius |Number |否|3|图片圆角， 单位是rpx|
|binditemclick |function |否|-|点击宫格每一项的事件|

#### 代码示例
swan:
```
<view>
    <view class="center">默认效果</view>
    <gov-grid
        list="{{listThree}}">
    </gov-grid>
    <view class="center">一行三列</view>
    <gov-grid
        list="{{listOne}}"
        border-radius="3"
        has-border="{{false}}"
        column-num="3"
        binditemclick="bindItemClick">
    </gov-grid>
    <view class="center">两行三列</view>
    <gov-grid
        list="{{listTwo}}"
        column-num="3"
        border-radius="25"
        has-hover="{{false}}"
        binditemclick="onItemClick">
    </gov-grid>
    <view class="center">一行四列</view>
    <gov-grid
        list="{{listThree}}"
        column-num="4"
        has-line="{{false}}"
        border-radius="50"
        binditemclick="bindItemClick">
    </gov-grid>
    <view class="center">一行五列</view>
    <gov-grid
        list="{{listFour}}"
        column-num="5"
        has-hover="{{false}}">
    </gov-grid>
</view>
```
js:
```
const img = 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg';
Page({ // eslint-disable-line
    data: {
        img,
        listOne: [{
            icon: img,
            title: '语文语文语文语文语文语文语文语文',
            desc: '描述'
        },
        {
            icon: img,
            title: '数学',
            desc: '描述'
        },
        {
            icon: img,
            title: '英语',
            desc: '描述'
        }],
        listTwo: [{
            icon: img,
            title: '语文语文语文语文语文语文语文语文',
            desc: '描述'
        },
        {
            icon: img,
            title: '数学',
            desc: '描述'
        },
        {
            icon: img,
            title: '英语',
            desc: '描述'
        },
        {
            icon: img,
            title: '历史',
            desc: '描述'
        },
        {
            icon: img,
            title: '数学',
            desc: '描述'
        },
        {
            icon: img,
            title: '英语',
            desc: '描述'
        }],
        listThree: [{
            icon: img,
            title: '语文语文语文语文语文语文语文语文',
            desc: '描述'
        },
        {
            icon: img,
            title: '数学',
            desc: '描述'
        },
        {
            icon: img,
            title: '英语',
            desc: '描述'
        },
        {
            icon: img,
            title: '历史',
            desc: '描述'
        }],
        listFour: [{
            icon: img,
            title: '语文语文语文语文语文语文语文语文',
            desc: '描述'
        },
        {
            icon: img,
            title: '数学',
            desc: '描述'
        },
        {
            icon: img,
            title: '英语',
            desc: '描述'
        },
        {
            icon: img,
            title: '历史',
            desc: '描述'
        },
        {
            icon: img,
            title: '历史',
            desc: '描述'
        }]
    },
    bindItemClick(e) {
        swan.showToast({
            title: e.detail.index,
            icon: 'none'
        });
    },
    onItemClick(e) {
        swan.showToast({
            title: '没有点击态',
            icon: 'none'
        });
    }
});
```
css:
```
.center {
    width: 100%; 
    text-align: center;
    margin-top: 30px;
}
```