{
    "name": "expand-collapse",
    "label": "展开收起的折叠列表",
    "description": "展开收起的折叠列表",
    "codeSnap": "<gov-expand-collapse show-action=\"{{true}}\" height=\"50px\">\n<view style=\"height:30px\">测试文字</view>\n<view style=\"height:30px\">测试文字</view>\n</gov-exapnd-collapse>",
    "groups": "layout",
    "demoCode": {
        "swan": "<expand-collapse\n        show-action=\"{{true}}\"\n    >\n        <block s-for=\"item, index in data\">\n            <list-item\n                label=\"{{item.main.title}}\"\n                label-desc=\"{{item.sub}}\"\n                content-desc=\"{{item.desc}}\"\n                arrow\n                clickable\n            ></list-item>\n        </block>\n    </expand-collapse>",
        "js": "Page({\n    data: {\n        btnText: ['展开', '收起'],\n        data: [\n            {\n                main: {\n                    title: '四字标题',\n                    sub: '副标题'\n                }\n            },\n            {\n                main: {\n                    title: '四字标题',\n                    sub: '副标题'\n                }\n            },\n            {\n                main: {\n                    title: '四字标题',\n                    sub: '副标题'\n                }\n            },\n            {\n                main: {\n                    title: '四字标题',\n                    sub: '副标题'\n                }\n            },\n            {\n                main: {\n                    title: '四字标题',\n                    sub: '副标题'\n                }\n            }]\n    }\n});\n",
        "css": ""
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "height",
                "type": "String",
                "description": "可见的高度",
                "required": "否",
                "default": "130px"
            },
            {
                "name": "actionFontSize",
                "type": "String",
                "description": "查看更多、收起的文字大小",
                "required": "否",
                "default": "14px"
            },
            {
                "name": "actionFontColor",
                "type": "String",
                "description": "查看更多、收起的文字颜色和箭头的颜色",
                "required": "否",
                "default": "#999"
            },
            {
                "name": "showAction",
                "type": "Boolean",
                "description": "是否有展开收起",
                "required": "否",
                "default": "false"
            },
            {
                "name": "btnText",
                "type": "Array",
                "description": "展开收起的文案",
                "required": "否",
                "default": "['查看更多', '收起']"
            },
            {
                "name": "isFadeOut",
                "type": "Boolean",
                "description": "底部是否有渐隐的效果,需要配合showAction：true使用",
                "required": "否",
                "default": "true"
            }
        ],
        "events": [
            {
                "name": "expand",
                "type": "Event",
                "description": "点击展开收起触发的事件，需要配合showAction：true使用",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-expand-collapse",
                "type": "",
                "description": "组件的整体区域的扩展样式类，可通过此class改变其的样式，如背景颜色：background: #f00",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-expand-full",
                "type": "",
                "description": "可显示内容的区域的扩展样式，可通过此class改变其外部的样式，如内边距，padding: 60px 0",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-expand-action",
                "type": "",
                "description": "展开收起外文案和箭头整体的的扩展样式类，可通过此class改变其的样式，如字体颜色：color: #000",
                "required": "否",
                "default": "-"
            }
        ]
    }
}