{
    "name": "gov-grid",
    "label": "宫格",
    "description": "宫格",
    "codeSnap": "<view>\n    <gov-grid\n        list=\"{{[{\n            icon: 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg',\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '描述'\n        },\n        {\n            icon: 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg',\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg',\n            title: '英语',\n            desc: '描述'\n        }]}}\"\n        border-radius=\"3\"\n        has-border=\"{{false}}\"\n        column-num=\"3\">\n    </gov-grid>\n</view>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <view class=\"center\">默认效果</view>\n    <gov-grid\n        list=\"{{listThree}}\">\n    </gov-grid>\n    <view class=\"center\">一行三列</view>\n    <gov-grid\n        list=\"{{listOne}}\"\n        border-radius=\"3\"\n        has-border=\"{{false}}\"\n        column-num=\"3\"\n        binditemclick=\"bindItemClick\">\n    </gov-grid>\n    <view class=\"center\">两行三列</view>\n    <gov-grid\n        list=\"{{listTwo}}\"\n        column-num=\"3\"\n        border-radius=\"25\"\n        has-hover=\"{{false}}\"\n        binditemclick=\"onItemClick\">\n    </gov-grid>\n    <view class=\"center\">一行四列</view>\n    <gov-grid\n        list=\"{{listThree}}\"\n        column-num=\"4\"\n        has-line=\"{{false}}\"\n        border-radius=\"50\"\n        binditemclick=\"bindItemClick\">\n    </gov-grid>\n    <view class=\"center\">一行五列</view>\n    <gov-grid\n        list=\"{{listFour}}\"\n        column-num=\"5\"\n        has-hover=\"{{false}}\">\n    </gov-grid>\n</view>",
        "js": "const img = 'http://himg.bdimg.com/sys/portrait/item/05796c696a695f6d756d758f61.jpg';\nPage({ // eslint-disable-line\n    data: {\n        img,\n        listOne: [{\n            icon: img,\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '英语',\n            desc: '描述'\n        }],\n        listTwo: [{\n            icon: img,\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '英语',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '历史',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '英语',\n            desc: '描述'\n        }],\n        listThree: [{\n            icon: img,\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '英语',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '历史',\n            desc: '描述'\n        }],\n        listFour: [{\n            icon: img,\n            title: '语文语文语文语文语文语文语文语文',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '数学',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '英语',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '历史',\n            desc: '描述'\n        },\n        {\n            icon: img,\n            title: '历史',\n            desc: '描述'\n        }]\n    },\n    bindItemClick(e) {\n        swan.showToast({\n            title: e.detail.index,\n            icon: 'none'\n        });\n    },\n    onItemClick(e) {\n        swan.showToast({\n            title: '没有点击态',\n            icon: 'none'\n        });\n    }\n});",
        "css": ".center {\n    width: 100%; \n    text-align: center;\n    margin-top: 30px;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "list",
                "type": "Array",
                "description": "宫格数据",
                "required": "是",
                "default": "[]"
            },
            {
                "name": "column-num",
                "type": "Number",
                "description": "每行显示几列，2列、3列、4列",
                "required": "否",
                "default": "2"
            },
            {
                "name": "has-line",
                "type": "Boolean",
                "description": "是否有竖分隔线，默认有",
                "required": "否",
                "default": "true"
            },
            {
                "name": "has-border",
                "type": "Boolean",
                "description": "图片是否有border，默认有",
                "required": "否",
                "default": "true"
            },
            {
                "name": "has-hover",
                "type": "Boolean",
                "description": "是否有点击态，默认有",
                "required": "否",
                "default": "true"
            },
            {
                "name": "border-radius",
                "type": "Number",
                "description": "图片圆角， 单位是rpx",
                "required": "否",
                "default": "3"
            },
            {
                "name": "binditemclick",
                "type": "function",
                "description": "点击宫格每一项的事件",
                "required": "否",
                "default": "-"
            },
            {
                "name": "isGridTight",
                "type": "Boolean",
                "description": "是否需要内边距",
                "required": "否",
                "default": "false"
            }
        ],
        "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-title",
                "type": "",
                "description": "标题title的扩展样式类，可以通过此class改变其外层的样式，如设置字大小：font-size: 60px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-desc",
                "type": "",
                "description": "副标题desc的扩展样式，可通过此class改变其外部的样式",
                "required": "否",
                "default": "-"
            }
        ]
    }
}