#### 组件名称
gov-row-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="preview-caption">默认效果</view>
    <gov-row-grid
        list="{{listHasLine}}">
    </gov-row-grid>
    <view class="preview-caption">有竖分割线</view>
    <gov-row-grid
        list="{{listHasLine}}"
        column-num="3"
        binditemclick="bindItemClick">
    </gov-row-grid>
    <view class="preview-caption">无竖分割线</view>
    <gov-row-grid
        list="{{listHasLine}}"
        column-num="3"
        has-line="{{false}}"
        binditemclick="bindItemClick">
    </gov-row-grid>
    <view class="preview-caption">有横分割线</view>
    <gov-row-grid
        list="{{listThree}}"
        column-num="3"
        binditemclick="bindItemClick">
    </gov-row-grid>
    <view class="preview-caption">无横分割线</view>
    <gov-row-grid
        list="{{listThree}}"
        column-num="3"
        has-line="{{false}}"
        binditemclick="bindItemClick">
    </gov-row-grid>
    <view class="preview-caption">无点击态</view>
    <gov-row-grid
        list="{{listHasLine}}"
        column-num="3"
        has-line="{{false}}"
        has-hover="{{false}}"
        binditemclick="onItemClick">
    </gov-row-grid>
    <view class="preview-caption">文本超过显示省略号</view>
    <gov-row-grid
        list="{{listMore}}"
        border-radius="50"
        column-num="3"
        has-line="{{false}}"
        binditemclick="bindItemClick">
    </gov-row-grid>
    <view class="preview-caption">自定义样式宫格</view>
    <gov-row-grid
        gov-title="gov-title"
        gov-image-class="gov-image-class"
        list="{{listThree}}"
        border-radius="50"
        has-border="{{false}}"
        column-num="3"
        has-hover="{{false}}"
        has-line="{{false}}"
        binditemclick="bindItemClick">
    </gov-row-grid>
</view>

```
js:
```
const icon = 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg';
Page({
    data: {
        listHasLine: [{
            icon,
            title: '语文'
        },
        {
            icon,
            title: '数学'
        },
        {
            icon,
            title: '英语'
        }],
        listThree: [{
            icon,
            title: '语文'
        },
        {
            icon,
            title: '数学'
        },
        {
            icon,
            title: '英语'
        },
        {
            icon,
            title: '逻辑'
        },
        {
            icon,
            title: '生物'
        },
        {
            icon,
            title: '地理'
        }],
        listMore: [{
            icon,
            title: '语文语文语文语文语文'
        },
        {
            icon,
            title: '数学数学数学数学数学'
        },
        {
            icon,
            title: '英语英语英语英语英语'
        },
        {
            icon,
            title: '逻辑逻辑逻辑逻辑逻辑'
        },
        {
            icon,
            title: '生物生物生物生物生物'
        },
        {
            icon,
            title: '地理地理地理地理地理'
        }]
    },
    bindItemClick(e) {
        swan.showToast({
            title: e.detail.index,
            icon: 'none'
        });
    },
    onItemClick(e) {
        swan.showToast({
            title: '没有点击态',
            icon: 'none'
        });
    }
});
```
css:
```
.gov-title {
    color: rgba(182, 57, 57) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-left: 6px !important;
    height: 30px !important;
    line-height: 30px !important;
}
.gov-image-class {
    width: 25px !important;
    height: 25px !important;
}
```