{
    "name": "gov-button-group",
    "label": "按钮组",
    "description": "按钮组",
    "codeSnap": "<gov-button-group\n     button-group=\"{{buttonGroup1}}\"\n     button-arrange=\"top\"\n     button-position=\"horizontal\">\n</gov-button-group>",
    "groups": "layout",
    "demoCode": {
        "s": "<view class=\"gov-ver\">\n        <view class=\"gov-title\">垂直向上:</view>\n        <view class=\"gov-content\">\n            <gov-button-group\n                bind:buttonHandle=\"buttonHandle\"\n                button-group=\"{{buttonGroup2}}\"\n                button-arrange=\"top\"\n                gov-button-group=\"gov-button-group\"\n                button-position=\"vertical\">\n            </gov-button-group>\n        </view>\n    </view>\n    <view class=\"gov-ver\">\n        <view class=\"gov-title\">垂直向下:</view>\n        <view class=\"gov-content\">\n            <gov-button-group\n                bind:buttonHandle=\"buttonHandle\"\n                button-group=\"{{buttonGroup2}}\"\n                button-arrange=\"bottom\"\n                gov-button-group=\"gov-bottom\"\n                button-position=\"vertical\">\n            </gov-button-group>\n        </view>\n    </view>",
        "js": "Page({\n    data: {\n        buttonGroup1: [\n            {\n                buttonSize: 'small',\n                buttonText: '主按钮',\n                buttonColor: 'primary',\n                buttonLink: false\n\n            },\n            {\n                buttonSize: 'small',\n                buttonText: '辅按钮',\n                buttonColor: 'plain',\n                buttonDisabled: false\n            },\n            {\n                buttonSize: 'small',\n                buttonText: '禁用型',\n                buttonColor: 'primary',\n                buttonDisabled: true\n            }\n        ],\n        buttonGroup2: [\n            {\n                buttonSize: 'middle',\n                buttonText: ' 回到首页',\n                buttonColor: 'primary',\n                buttonLink: false\n\n            },\n            {\n                buttonSize: 'middle',\n                buttonText: '查看详情',\n                buttonColor: 'plain',\n                buttonDisabled: false\n            }\n        ]\n    },\n    buttonHandle(e) {\n        swan.showToast({\n            title: e.index\n        });\n    }\n});\n",
        "css": ".gov-button-group {\n    position: absolute !important;\n}\n\n.gov-bottom {\n    position: absolute !important;\n    background-color: transparent !important;\n    padding: 0 !important;\n}\n\n.gov-wrap {\n    height: 100%;\n}\n\n.gov-hor {\n    height: 100px;\n    margin-bottom: 20px;\n    box-sizing: border-box;\n}\n\n.gov-ver {\n    height: 170px;\n    margin-bottom: 20px;\n    box-sizing: border-box;\n}\n\n.gov-title {\n    width: 100%;\n    height: 30px;\n}\n\n.gov-hor .gov-content {\n    position: relative;\n    height: 70px;\n    background-color: rgb(243, 243, 242);\n}\n\n.gov-ver .gov-content {\n    position: relative;\n    height: 150px;\n    background-color: rgb(243, 243, 242);;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "buttonGroup",
                "type": "Array",
                "description": "按钮相关信息设置",
                "required": "是",
                "default": []
            },
            {
                "name": "buttonPosition",
                "type": "String",
                "description": "按钮位置，有上吸顶和下吸底，分别为top、bottom",
                "required": "否",
                "default": ""
            },
            {
                "name": "buttonArrange",
                "type": "String",
                "description": "按钮组排列，有水平方向和竖直方向，分别为horizontal、vertical",
                "required": "否",
                "default": ""
            }
        ],
        "events": [
            {
                "name": "buttonHandle",
                "type": "Event",
                "description": "事件派发，向父组件传值为操作按钮组中的按钮索引",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-button-group",
                "type": "",
                "description": "按钮组的扩展样式类，可通过此class改变按钮组的样式",
                "required": "否",
                "default": "-"
            }
        ]
    }
}