{
    "name": "gov-timeline-item",
    "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": [
            {
                "name": "status",
                "type": "String",
                "description": "指定当前步骤的状态，可选 wait/finished/success/error",
                "required": "是",
                "default": "wait"
            },
            {
                "name": "title",
                "type": "String",
                "description": "此步骤的title（如：2019-03-28 13:40）",
                "required": "否",
                "default": "-"
            },
            {
                "name": "desc",
                "type": "String",
                "description": "此步骤的描述信息（为html富文本）",
                "required": "否",
                "default": "-"
            },
            {
                "name": "desc-style",
                "type": "String",
                "description": "描述信息样式自定义",
                "required": "否",
                "default": "-"
            },
            {
                "name": "has-tail",
                "type": "Boolean",
                "description": "自定义有无过程线（默认：finished、wait为未结束（有过程线）, success、error为流程结束（无过程线））",
                "required": "否",
                "default": "_"
            },
            {
                "name": "icon",
                "type": "String",
                "description": "此步骤自定义图标（参考gov-icon）的name",
                "required": "否",
                "default": "-"
            },
            {
                "name": "icon-color",
                "type": "String",
                "description": "icon颜色",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-item-tail",
                "type": "",
                "description": "过程线的扩展样式类，可通过此class改变其的样式，如背景颜色",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-content-title",
                "type": "",
                "description": "步骤title的扩展样式类，可通过此class改变其的样式，如设置字体大小：font-size: 14px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-content-slot",
                "type": "",
                "description": "步骤额外信息的扩展样式类，可以通过此class改变其外层的样式，如设置字体颜色：color: blue",
                "required": "否",
                "default": "-"
            }
        ]
    }
}