[
  {
    "meta": {
      "date": "2017-1-13",
      "name": "u-discussCardWithQuote"
    },
    "viewport": {
      "width": 1440,
      "height": 600
    },
    "elements": [
      {
        "eid": 13,
        "type": "ELEMENT",
        "properties": {
          "id": "u-discussCardWithQuote-container",
          "rid": "",
          "width": "406",
          "height": "230",
          "left": 0,
          "top": 0,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": true,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 0,
          "borderTopRightRadius": 0,
          "borderBottomRightRadius": 0,
          "borderBottomLeftRadius": 0,
          "marginTop": 0,
          "marginRight": "20",
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 4,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 0.35,
          "boxFontSize": 16,
          "newBlank": true,
          "targetUrl": "{targetUrl}",
          "boxClassStr": "cmp-element cmp-element f-fl f-transition",
          "overflowX": false,
          "overflowY": false,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px;",
          "animateStr": "none",
          "include": "",
          "color": "#ffffff",
          "classStr": "cmp-element cmp-element"
        }
      },
      {
        "eid": 14,
        "type": "IMAGE",
        "properties": {
          "id": "u-discussCardWithQuote-userPic",
          "rid": "",
          "width": "30",
          "height": "30",
          "left": 15,
          "top": 15,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": false,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 15,
          "borderTopRightRadius": 15,
          "borderBottomRightRadius": 15,
          "borderBottomLeftRadius": 15,
          "marginTop": 0,
          "marginRight": 0,
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 0,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 1,
          "boxFontSize": 16,
          "newBlank": false,
          "targetUrl": "",
          "boxClassStr": "cmp-element cmp-image",
          "overflowX": false,
          "overflowY": false,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "",
          "animateStr": "none",
          "src": "{poster.picUrl}",
          "alt": "",
          "include": ""
        }
      },
      {
        "eid": 15,
        "type": "TEXT",
        "properties": {
          "id": "u-discussCardWithQuote-userName",
          "rid": "",
          "width": "auto",
          "height": "17",
          "left": 57,
          "top": 22,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": false,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 0,
          "borderTopRightRadius": 0,
          "borderBottomRightRadius": 0,
          "borderBottomLeftRadius": 0,
          "marginTop": 0,
          "marginRight": 0,
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 0,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 1,
          "boxFontSize": 16,
          "newBlank": false,
          "targetUrl": "",
          "boxClassStr": "cmp-element cmp-text",
          "overflowX": false,
          "overflowY": false,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "",
          "animateStr": "none",
          "text": "{poster.nickName}",
          "fontFamily": "微软雅黑,Microsoft YaHei",
          "fontSize": 13,
          "color": "#666666",
          "horzontalAlign": "center",
          "verticleAlign": "middle",
          "lineHeight": 17,
          "classStr": "",
          "include": ""
        }
      },
      {
        "eid": 16,
        "type": "TEXT",
        "properties": {
          "id": "u-discussCardWithQuote-belong",
          "rid": "",
          "width": "200",
          "height": "17",
          "left": 189,
          "top": 22,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": false,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 0,
          "borderTopRightRadius": 0,
          "borderBottomRightRadius": 0,
          "borderBottomLeftRadius": 0,
          "marginTop": 0,
          "marginRight": 0,
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 0,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 1,
          "boxFontSize": 16,
          "newBlank": false,
          "targetUrl": "",
          "boxClassStr": "cmp-element cmp-text",
          "overflowX": false,
          "overflowY": false,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "",
          "animateStr": "none",
          "text": "<span style=\"color:#999;\">来自&nbsp;&nbsp;</span>{belong}",
          "fontFamily": "微软雅黑,Microsoft YaHei",
          "fontSize": 13,
          "color": "#151515",
          "horzontalAlign": "right",
          "verticleAlign": "middle",
          "lineHeight": 17,
          "classStr": "f-thide",
          "include": ""
        }
      },
      {
        "eid": 17,
        "type": "TEXT",
        "properties": {
          "id": "u-discussCardWithQuote-content",
          "rid": "",
          "width": "369",
          "height": "56",
          "left": 19,
          "top": 93,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": false,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 0,
          "borderTopRightRadius": 0,
          "borderBottomRightRadius": 0,
          "borderBottomLeftRadius": 0,
          "marginTop": 0,
          "marginRight": 0,
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 0,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 1,
          "boxFontSize": 16,
          "newBlank": false,
          "targetUrl": "",
          "boxClassStr": "cmp-element cmp-text",
          "overflowX": true,
          "overflowY": true,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "",
          "animateStr": "none",
          "text": "{postContent}",
          "fontFamily": "微软雅黑,Microsoft YaHei",
          "fontSize": 18,
          "color": "#111111",
          "horzontalAlign": "left",
          "verticleAlign": "middle",
          "lineHeight": 28,
          "classStr": "",
          "include": ""
        }
      },
      {
        "eid": 18,
        "type": "TEXT",
        "properties": {
          "id": "u-discussCardWithQuote-cnt",
          "rid": "",
          "width": "200",
          "height": "17",
          "left": 99,
          "top": 199,
          "zIndex": 0,
          "boxColor": "#000000",
          "border": false,
          "borderColor": 5617961,
          "background": false,
          "backgroundColor": 16777215,
          "backgroundAlpha": 1,
          "backgroundImageType": "none",
          "backgroundGradientStops": [
            {
              "percent": 0,
              "color": "rgba(255, 255, 255, 1)"
            },
            {
              "percent": 1,
              "color": "rgba(0, 0, 0, 1)"
            }
          ],
          "backgroundGradientAngle": 180,
          "backgroundImageStr": "",
          "borderTopLeftRadius": 0,
          "borderTopRightRadius": 0,
          "borderBottomRightRadius": 0,
          "borderBottomLeftRadius": 0,
          "marginTop": 0,
          "marginRight": 0,
          "marginBottom": 0,
          "marginLeft": 0,
          "paddingTop": 0,
          "paddingRight": 0,
          "paddingBottom": 0,
          "paddingLeft": 0,
          "hasShadow": false,
          "shadowOffsetX": 0,
          "shadowOffsetY": 0,
          "shadowBlur": 10,
          "shadowColor": 0,
          "shadowColorAlpha": 1,
          "boxFontSize": 16,
          "newBlank": false,
          "targetUrl": "",
          "boxClassStr": "cmp-element cmp-text",
          "overflowX": false,
          "overflowY": false,
          "hover": false,
          "hoverComponent": "",
          "hoverStr": "",
          "animateStr": "none",
          "text": "<span style=\"color: #55B929;\">{countReply}人</span>参加讨论",
          "fontFamily": "微软雅黑,Microsoft YaHei",
          "fontSize": 13,
          "color": "#111111",
          "horzontalAlign": "center",
          "verticleAlign": "middle",
          "lineHeight": 17,
          "classStr": "",
          "include": ""
        }
      }
    ],
    "assets": {}
  }
]