{
    "name": "gov-text-grid",
    "label": "文本宫格",
    "description": "文本宫格",
    "codeSnap": "<view>\n    <view class=\"preview-caption\">有竖分割线</view>\n    <gov-text-grid\n        list=\"[{\n            title: '逻辑',\n            desc: '辅助信息'\n        },\n        {\n            title: '生物',\n            desc: '辅助信息'\n        },\n        {\n            title: '地理',\n            desc: '辅助信息'\n        }]\"\n        title-color=\"#f42e2e\"\n        column-num=\"3\"\n        binditemclick=\"gridItemClick(e) {\n        console.log('e', e);\n    }\">\n    </gov-text-grid>\n</view>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <view class=\"preview-caption\">默认效果</view>\n    <gov-text-grid\n        list=\"{{listHasLine}}\">\n    </gov-text-grid>\n    <view class=\"preview-caption\">四等分</view>\n    <gov-text-grid\n        list=\"{{listFour}}\"\n        title-color=\"#f42e2e\"\n        column-num=\"4\"\n        binditemclick=\"gridItemClick\">\n    </gov-text-grid>\n    <view class=\"preview-caption\">有竖分割线</view>\n    <gov-text-grid\n        list=\"{{listHasLine}}\"\n        title-color=\"#f42e2e\"\n        column-num=\"{{columnNum}}\"\n        binditemclick=\"gridItemClick\">\n    </gov-text-grid>\n    <view class=\"preview-caption\">标题在辅助信息上</view>\n    <gov-text-grid\n        list=\"{{listTitleTop}}\"\n        title-color=\"#f42e2e\"\n        has-line=\"{{false}}\"\n        column-num=\"{{columnNum}}\"\n        binditemclick=\"gridItemClick\">\n    </gov-text-grid>\n    <view class=\"preview-caption\">标题在辅助信息下</view>\n    <gov-text-grid\n        list=\"{{listTitleDown}}\"\n        title-color=\"#f42e2e\"\n        column-num=\"{{columnNum}}\"\n        has-line=\"{{false}}\"\n        title-on-top=\"{{false}}\"\n        has-hover=\"{{false}}\"\n        binditemclick=\"gridItemClick\">\n    </gov-text-grid>\n    <view class=\"preview-caption\">自定义样式文本宫格</view>\n    <gov-text-grid\n        gov-top-title=\"gov-top-title\"\n        gov-top-desc=\"gov-top-desc\"\n        list=\"{{listSelf}}\"\n        title-color=\"#f42e2e\"\n        column-num=\"{{columnNum}}\"\n        binditemclick=\"gridItemClick\">\n    </gov-text-grid>\n</view>",
        "js": "Page({\n    data: {\n        listHasLine: [{\n            title: '逻辑',\n            desc: '辅助信息'\n        },\n        {\n            title: '生物',\n            desc: '辅助信息'\n        },\n        {\n            title: '地理',\n            desc: '辅助信息'\n        }],\n        listFour: [{\n            title: '语文',\n            desc: '辅助信息'\n        },\n        {\n            title: '数学',\n            desc: '辅助信息'\n        },\n        {\n            title: '英语',\n            desc: '辅助信息'\n        },\n        {\n            title: '逻辑',\n            desc: '辅助信息'\n        }],\n        listTitleTop: [{\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '辅助信息'\n        },\n        {\n            title: '数学',\n            desc: '辅助信息'\n        },\n        {\n            title: '英语',\n            desc: '辅助信息'\n        },\n        {\n            title: '逻辑',\n            desc: '辅助信息'\n        },\n        {\n            title: '生物',\n            desc: '辅助信息'\n        },\n        {\n            title: '地理',\n            desc: '辅助信息'\n        }],\n        listTitleDown: [{\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '辅助信息'\n        },\n        {\n            title: '数学',\n            desc: '辅助信息'\n        },\n        {\n            title: '英语',\n            desc: '辅助信息'\n        },\n        {\n            title: '逻辑',\n            desc: '辅助信息'\n        },\n        {\n            title: '生物',\n            desc: '辅助信息'\n        },\n        {\n            title: '地理',\n            desc: '辅助信息'\n        }],\n        listSelf: [{\n            title: '自定义样式',\n            desc: '辅助信息'\n        },\n        {\n            title: '自定义样式',\n            desc: '辅助信息'\n        },\n        {\n            title: '自定义样式',\n            desc: '辅助信息'\n        },\n        {\n            title: '逻辑',\n            desc: '辅助信息'\n        },\n        {\n            title: '自定义样式',\n            desc: '辅助信息'\n        },\n        {\n            title: '自定义样式',\n            desc: '辅助信息'\n        }],\n        columnNum: 3\n    },\n    gridItemClick(e) {\n        console.log('e', e);\n    }\n});",
        "css": ".gov-top-title {\n    color: rgba(0, 0, 255) !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    overflow: visible !important;\n}\n.gov-top-desc {\n    color: rgba(172, 182, 185) !important;\n    font-size: 10px !important;\n    font-weight: 700 !important;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "list",
                "type": "Array",
                "description": "宫格数据",
                "required": "是",
                "default": "[]"
            },
            {
                "name": "column-num",
                "type": "Number",
                "description": "每行显示几列，2、3、4",
                "required": "否",
                "default": "2"
            },
            {
                "name": "title-color",
                "type": "String",
                "description": "标题颜色",
                "required": "否",
                "default": "#000"
            },
            {
                "name": "title-on-top",
                "type": "Boolean",
                "description": "标题在辅助信息上，默认是",
                "required": "否",
                "default": "true"
            },
            {
                "name": "binditemclick",
                "type": "function",
                "description": "点击宫格每一项的事件",
                "required": "否",
                "default": "-"
            },
            {
                "name": "has-line",
                "type": "Boolean",
                "description": "是否有竖分隔线，默认有",
                "required": "是",
                "default": "true"
            },
            {
                "name": "has-hover",
                "type": "Boolean",
                "description": "是否有点击态，默认有",
                "required": "否",
                "default": "true"
            }
        ],
        "events": [
            {
                "name": "itemclick",
                "type": "Event",
                "description": "点击宫格每一项的事件, 可以通过e事件对象, e.detail.index获取到每一项的索引值",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-grid-item",
                "type": "",
                "description": "整体宫格外层的扩展样式类，可通过此class改变其的样式，如内边距",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-inner-grid-item",
                "type": "",
                "description": "（标题+辅助信息）的扩展样式类，可通过此class改变其的样式，如背景色",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-top-title",
                "type": "",
                "description": "标题在辅助信息上的title扩展样式类，可以通过此class改变其外层的样式，如设置字大小：font-size: 60px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-down-title",
                "type": "",
                "description": "标题在辅助信息下的title扩展样式类，可以通过此class改变其外层的样式，如设置字体颜色：color: #999",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-top-desc",
                "type": "",
                "description": "标题在辅助信息上的desc的扩展样式，可通过此class改变其外部的样式，如设置字大小：font-size: 60px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-down-desc",
                "type": "",
                "description": "标题在辅助信息下的desc的扩展样式，可通过此class改变其外部的样式，如设置字体颜色：color: #999",
                "required": "否",
                "default": "-"
            }
        ]
    }
}