{
    "name": "gov-timeline",
    "label": "时间轴",
    "description": "时间轴",
    "codeSnap": "<view>\n    <gov-timeline>\n        <block s-for=\"item in [\n            {\n                status: 'finished',\n                title: '2019-03-28 13:40',\n                desc: '已完成状态',\n                icon: 'my-o'\n            },\n            {\n                status: 'wait',\n                title: '2019-03-28 13:45',\n                desc: '提交等待状态<br>等待',\n                icon: 'time-tn'\n            },\n            {\n                status: 'success',\n                title: '2019-03-28 13:50',\n                desc: '成功状态',\n                icon: 'complete-tn'\n            }\n        ]\">\n            <gov-timeline-item\n                status=\"{{item.status}}\"\n                title=\"{{item.title}}\"\n                desc=\"{{item.desc}}\"\n                icon=\"{{item.icon}}\"\n            >\n            </gov-timeline-item>\n        </block>\n    </gov-timeline>\n</view>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <view class=\"preview-caption\">默认样式时间轴</view>\n    <gov-timeline>\n        <block s-for=\"item in options\">\n        <gov-timeline-item\n            status=\"{{item.status}}\"\n            title=\"{{item.title}}\"\n            desc=\"{{item.desc}}\"\n        >\n            {{item.info}}\n        </gov-timeline-item>\n        </block>\n    </gov-timeline>\n    <view class=\"preview-caption\">自定义样式时间轴</view>\n    <gov-timeline gov-timeline-class=\"gov-timeline-class\">\n        <block s-for=\"item in options\">\n            <gov-timeline-item\n                gov-content-title=\"gov-content-title\"\n                gov-content-slot=\"gov-content-slot\"\n                gov-item-tail=\"gov-item-tail\"\n                status=\"{{item.status}}\"\n                title=\"{{item.title}}\"\n                desc=\"{{item.desc}}\"\n                desc-style=\"{{item.descStyle}}\"\n                has-tail=\"{{item.hasTail}}\"\n                icon=\"{{item.icon}}\"\n                icon-color=\"{{item.iconColor}}\"\n            >\n                {{item.info}}\n            </gov-timeline-item>\n        </block>\n    </gov-timeline>\n</view>",
        "js": "Page({\n    data: {\n        options: [\n            {\n                status: 'wait',\n                title: '2019-03-28 13:40',\n                desc: '待审核',\n                info: '待审核内容待审核内容待审核内容待审核内容待审核内容待审核内容',\n                descStyle: 'font-size:14px; color:#999',\n                hasTail: 'true',\n                iconColor: '#999'\n            },\n            {\n                status: 'finished',\n                title: '2019-03-28 13:45',\n                desc: '审核通过',\n                info: '审核通过审核通过审核通过审核通过审核通过',\n                descStyle: 'font-size:14px; color:green',\n                hasTail: 'true',\n                iconColor: 'green'\n            },\n            {\n                status: 'success',\n                title: '2019-03-28 13:50',\n                desc: '已办结',\n                info: '已办结已办结已办结已办结已办结',\n                descStyle: 'font-size:14px; color:blue',\n                hasTail: 'true',\n                iconColor: 'blue'\n            },\n            {\n                status: 'error',\n                title: '2019-03-28 13:50',\n                desc: '审核未通过',\n                info: '审核未通过审核未通过审核未通过',\n                descStyle: 'font-size:14px; color:#f00',\n                iconColor: '#f00'\n            }\n        ]\n    }\n});\n",
        "css": ".gov-content-slot {\n    color: #a8e7f7 !important;\n}\n.gov-content-title {\n    color: #a9c9f8 !important;\n    font-size: 10px !important;\n}\n.gov-timeline-class {\n    padding: 5px 0 !important;\n    margin-left: 50px !important;\n}\n.gov-item-tail {    \n    position: absolute !important;\n    top: 6px !important;\n    left: 0 !important;\n    width: 1px !important;\n    height: 100% !important;\n    background-color: #f5e5e5 !important;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [],
        "externalClasses": [
            {
                "name": "gov-timeline-class",
                "type": "",
                "description": "整体时间轴外层的扩展样式类，可通过此class改变其的样式，如内边距：padding: 10px 0",
                "required": "否",
                "default": "-"
            }
        ]
    }
}