{
    "component": "Root", 
    "attributes": {
        "id": "viewportId"
    }, 
    "id": "viewportId", 
    "children": [
        {
            "component": "Panel", 
            "attributes": {
                "text": "", 
                "marginBottom": "m-b"
            }, 
            "id": "sckmkl", 
            "children": [
                {
                    "component": "Blank", 
                    "attributes": {
                        "height": "36", 
                        "marginBottom": "m-b", 
                        "align": "text-center", 
                        "type": "block"
                    }, 
                    "id": "chx5xf", 
                    "children": [
                        {
                            "component": "Label", 
                            "attributes": {
                                "text": "标题", 
                                "size": "28", 
                                "marginLeft": "m-l-none", 
                                "marginRight": "m-r-none"
                            }, 
                            "id": "zy1za7", 
                            "children": [ ], 
                            "ext": {
                                "parent": "chx5xf"
                            }, 
                            "parent": "chx5xf"
                        }
                    ], 
                    "ext": {
                        "parent": "sckmkl"
                    }, 
                    "parent": "sckmkl"
                }, 
                {
                    "component": "Blank", 
                    "attributes": {
                        "height": "32", 
                        "marginBottom": "m-b-sm", 
                        "align": "text-center", 
                        "type": "block"
                    }, 
                    "id": "9k15nh", 
                    "children": [
                        {
                            "component": "Label", 
                            "attributes": {
                                "text": "副标题", 
                                "size": "20", 
                                "marginLeft": "m-l-none", 
                                "marginRight": "m-r-none"
                            }, 
                            "id": "fe84og", 
                            "children": [ ], 
                            "ext": {
                                "parent": "9k15nh"
                            }, 
                            "parent": "9k15nh"
                        }
                    ], 
                    "ext": {
                        "parent": "sckmkl"
                    }, 
                    "parent": "sckmkl"
                }, 
                {
                    "component": "Table", 
                    "attributes": {
                        "marginBottom": "m-b", 
                        "row": "3"
                    }, 
                    "id": "l5u1c0", 
                    "children": [
                        {
                            "component": "TableRow", 
                            "attributes": { }, 
                            "id": "fl86z1", 
                            "children": [
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 3, 
                                        "isLabel": true, 
                                        "text": "key", 
                                        "align": "text-right"
                                    }, 
                                    "id": "a1uc6j", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "fl86z1"
                                    }, 
                                    "parent": "fl86z1"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 9, 
                                        "isLabel": false, 
                                        "text": "value", 
                                        "align": "text-left"
                                    }, 
                                    "id": "yv3e49", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "fl86z1"
                                    }, 
                                    "parent": "fl86z1"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 3, 
                                        "isLabel": true, 
                                        "text": "keyd", 
                                        "align": "text-right"
                                    }, 
                                    "id": "a92myh", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "fl86z1"
                                    }, 
                                    "parent": "fl86z1"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 9, 
                                        "isLabel": false, 
                                        "text": "value", 
                                        "align": "text-left"
                                    }, 
                                    "id": "m2eimc", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "fl86z1"
                                    }, 
                                    "parent": "fl86z1"
                                }
                            ], 
                            "ext": {
                                "parent": "l5u1c0"
                            }, 
                            "parent": "l5u1c0"
                        }, 
                        {
                            "component": "TableRow", 
                            "attributes": { }, 
                            "id": "rak424", 
                            "children": [
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 3, 
                                        "isLabel": true, 
                                        "text": "key", 
                                        "align": "text-right"
                                    }, 
                                    "id": "3arvno", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "rak424"
                                    }, 
                                    "parent": "rak424"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 9, 
                                        "isLabel": false, 
                                        "text": "value", 
                                        "align": "text-left"
                                    }, 
                                    "id": "wo6b0c", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "rak424"
                                    }, 
                                    "parent": "rak424"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 3, 
                                        "isLabel": true, 
                                        "text": "key", 
                                        "align": "text-right"
                                    }, 
                                    "id": "f47d76", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "rak424"
                                    }, 
                                    "parent": "rak424"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 9, 
                                        "isLabel": false, 
                                        "text": "value", 
                                        "align": "text-left"
                                    }, 
                                    "id": "ohtjmb", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "rak424"
                                    }, 
                                    "parent": "rak424"
                                }
                            ], 
                            "ext": {
                                "parent": "l5u1c0"
                            }, 
                            "parent": "l5u1c0"
                        }, 
                        {
                            "component": "TableRow", 
                            "attributes": {
                                "col": 1
                            }, 
                            "id": "uyy1fo", 
                            "children": [
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 3, 
                                        "isLabel": true, 
                                        "text": "key", 
                                        "align": "text-right"
                                    }, 
                                    "id": "5dm3q7", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "uyy1fo"
                                    }, 
                                    "parent": "uyy1fo"
                                }, 
                                {
                                    "component": "TableData", 
                                    "attributes": {
                                        "span": 21, 
                                        "isLabel": false, 
                                        "text": "value", 
                                        "align": "text-left"
                                    }, 
                                    "id": "a5qzwm", 
                                    "children": [ ], 
                                    "ext": {
                                        "parent": "uyy1fo"
                                    }, 
                                    "parent": "uyy1fo"
                                }
                            ], 
                            "ext": {
                                "parent": "l5u1c0"
                            }, 
                            "parent": "l5u1c0"
                        }
                    ], 
                    "ext": {
                        "parent": "sckmkl"
                    }, 
                    "parent": "sckmkl"
                }
            ], 
            "ext": {
                "parent": "viewportId"
            }, 
            "parent": "viewportId"
        }
    ], 
    "ext": {
        "parent": ""
    }, 
    "parent": ""
}