{
    "name": "horizontal-scroll-list",
    "label": "横向滚动表格",
    "description": "横向滚动表格",
    "codeSnap": "<gov-horizontal-scroll-list\n        last-col-dif=\"{{true}}\"\n        last-table-bg=\"#f5f5f5\"\n        list-detail=\"detail1: {title: ['项目', '项目'],content: [['项目一', '项目二', '项目三', '项目四', '项目五', '项目六', '项目七', '项目八'],['项目一', '项目二', '项目三', '项目四', '项目五', '项目六', '项目七', '项目八']]}\">\n    </gov-horizontal-scroll-list>",
    "groups": "layout",
    "demoCode": {
        "s": "<gov-horizontal-scroll-list\n        last-col-dif=\"{{true}}\"\n        last-table-bg=\"#f5f5f5\"\n        list-detail=\"{{detail1}}\">\n    </gov-horizontal-scroll-list>",
        "js": "Page({\n    data: {\n        detail: {\n            title: ['项目', '项目', '项目'],\n            content: [\n                ['项目一', '项目二', '项目三', '项目四', '项目五', '项目六', '项目七', '项目八'],\n                ['内容', '内容', '内容', '内容', '内容', '内容', '内容', '内容'],\n                ['内容', '内容', '内容', '内容', '内容', '内容', '内容', '内容']\n            ]\n        }\n    }\n});"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "listDetail",
                "type": "Object",
                "description": "渲染数据",
                "required": "是",
                "default": "{}"
            },
            {
                "name": "lastTableBg",
                "type": "String",
                "description": "最后一行的背景颜色，需要配合lastColDif：true使用",
                "required": "否",
                "default": "#fff"
            },
            {
                "name": "lastTableColor",
                "type": "String",
                "description": "最后一行的字体颜色，需要配合lastColDif：true使用",
                "required": "否",
                "default": "#666"
            },
            {
                "name": "lastRowDif",
                "type": "Boolean",
                "description": "判断最后一行样式是否特殊",
                "required": "否",
                "default": "false"
            },
            {
                "name": "widthFlag",
                "type": "Array",
                "description": "右侧滚动区域如果需要某一列为六字宽度，设置为1，其他为0",
                "required": "否",
                "default": "[]"
            },
            {
                "name": "heightFlag",
                "type": "Array",
                "description": "右侧滚动区域如果某一行需要展示为两行的高度则设置为1，其他为0",
                "required": "否",
                "default": "[]"
            },
            {
                "name": "scrollAreaWidth",
                "type": "String",
                "description": "右侧滚定区域的宽度",
                "required": "否",
                "default": "300px"
            },
            {
                "name": "iconColor",
                "type": "String",
                "description": "超出两行截断时提示icon的颜色",
                "required": "否",
                "default": "#2b99ff"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-swiper-table",
                "type": "",
                "description": "横向滚动表格外层的扩展样式类，可通过此class改变其的样式，如内边距padding: 20px 0;",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-table-left",
                "type": "",
                "description": "左侧标题的扩展样式类，可通过此class改变其的样式，如背景色background: #f5f5f5",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-table-right",
                "type": "",
                "description": "右测滚动区域的的扩展样式类，可以通过此class改变其外层的样式，如背景色background: #f5f5f5",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-table-last",
                "type": "",
                "description": "表格最后一行的扩展样式，可通过此class改变其外部的样式，如字体颜色color: #f00",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-table-right-middle",
                "type": "",
                "description": "滚定区域除去第一行和最后一行的扩展样式，可通过此class改变其外部的样式，如字体颜色color: #666",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-mask-right-cover",
                "type": "",
                "description": "右侧渐隐的扩展样式，可通过此class改变其外部的样式，如background: #f5f5f5",
                "required": "否",
                "default": "-"
            }
        ]
    }
}