#### 组件名称
gov-text-grid

#### 解释：
文本宫格

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|list |Array |是|[]|宫格数据|
|column-num |Number |否|2|每行显示几列，2、3、4|
|title-color |String |否|#000|标题颜色|
|title-on-top |Boolean |否|true|标题在辅助信息上，默认是|
|binditemclick |function |否|-|点击宫格每一项的事件|
|has-line |Boolean |是|true|是否有竖分隔线，默认有|
|has-hover |Boolean |否|true|是否有点击态，默认有|

#### 代码示例
swan:
```
<view>
    <view class="preview-caption">默认效果</view>
    <gov-text-grid
        list="{{listHasLine}}">
    </gov-text-grid>
    <view class="preview-caption">四等分</view>
    <gov-text-grid
        list="{{listFour}}"
        title-color="#f42e2e"
        column-num="4"
        binditemclick="gridItemClick">
    </gov-text-grid>
    <view class="preview-caption">有竖分割线</view>
    <gov-text-grid
        list="{{listHasLine}}"
        title-color="#f42e2e"
        column-num="{{columnNum}}"
        binditemclick="gridItemClick">
    </gov-text-grid>
    <view class="preview-caption">标题在辅助信息上</view>
    <gov-text-grid
        list="{{listTitleTop}}"
        title-color="#f42e2e"
        has-line="{{false}}"
        column-num="{{columnNum}}"
        binditemclick="gridItemClick">
    </gov-text-grid>
    <view class="preview-caption">标题在辅助信息下</view>
    <gov-text-grid
        list="{{listTitleDown}}"
        title-color="#f42e2e"
        column-num="{{columnNum}}"
        has-line="{{false}}"
        title-on-top="{{false}}"
        has-hover="{{false}}"
        binditemclick="gridItemClick">
    </gov-text-grid>
    <view class="preview-caption">自定义样式文本宫格</view>
    <gov-text-grid
        gov-top-title="gov-top-title"
        gov-top-desc="gov-top-desc"
        list="{{listSelf}}"
        title-color="#f42e2e"
        column-num="{{columnNum}}"
        binditemclick="gridItemClick">
    </gov-text-grid>
</view>
```
js:
```
Page({
    data: {
        listHasLine: [{
            title: '逻辑',
            desc: '辅助信息'
        },
        {
            title: '生物',
            desc: '辅助信息'
        },
        {
            title: '地理',
            desc: '辅助信息'
        }],
        listFour: [{
            title: '语文',
            desc: '辅助信息'
        },
        {
            title: '数学',
            desc: '辅助信息'
        },
        {
            title: '英语',
            desc: '辅助信息'
        },
        {
            title: '逻辑',
            desc: '辅助信息'
        }],
        listTitleTop: [{
            title: '语文语文语文语文语文语文语文语文',
            desc: '辅助信息'
        },
        {
            title: '数学',
            desc: '辅助信息'
        },
        {
            title: '英语',
            desc: '辅助信息'
        },
        {
            title: '逻辑',
            desc: '辅助信息'
        },
        {
            title: '生物',
            desc: '辅助信息'
        },
        {
            title: '地理',
            desc: '辅助信息'
        }],
        listTitleDown: [{
            title: '语文语文语文语文语文语文语文语文',
            desc: '辅助信息'
        },
        {
            title: '数学',
            desc: '辅助信息'
        },
        {
            title: '英语',
            desc: '辅助信息'
        },
        {
            title: '逻辑',
            desc: '辅助信息'
        },
        {
            title: '生物',
            desc: '辅助信息'
        },
        {
            title: '地理',
            desc: '辅助信息'
        }],
        listSelf: [{
            title: '自定义样式',
            desc: '辅助信息'
        },
        {
            title: '自定义样式',
            desc: '辅助信息'
        },
        {
            title: '自定义样式',
            desc: '辅助信息'
        },
        {
            title: '逻辑',
            desc: '辅助信息'
        },
        {
            title: '自定义样式',
            desc: '辅助信息'
        },
        {
            title: '自定义样式',
            desc: '辅助信息'
        }],
        columnNum: 3
    },
    gridItemClick(e) {
        console.log('e', e);
    }
});
```
css:
```
.gov-top-title {
    color: rgba(0, 0, 255) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    overflow: visible !important;
}
.gov-top-desc {
    color: rgba(172, 182, 185) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
```