## Card 卡片的展示形式。 | 属性名 | 类型 | 默认值 | 说明 | | ---------------------- | -------------------------------- | ----------------------------------- | ------------------------------------------ | | type | `string` | `"card"` | 指定为 Card 渲染器 | | className | `string` | `"panel-default"` | 外层 Dom 的类名 | | header | `Object` | | Card 头部内容设置 | | header.className | `string` | | 头部类名 | | header.title | `string` | | 标题 | | header.subTitle | `string` | | 副标题 | | header.desc | `string` | | 描述 | | header.avatar | `string` | | 图片 | | header.highlight | `boolean` | | 是否点亮 | | header.avatarClassName | `string` | `"pull-left thumb avatar b-3x m-r"` | 图片类名 | | body | `Array` 或者 [Field](./Field.md) | | 内容容器,主要用来放置 [Field](./Field.md) | | bodyClassName | `string` | `"padder m-t-sm m-b-sm"` | 内容区域类名 | | actions | Array Of [Button](./Form/Button.md) | | 按钮区域 | ```schema:height="300" scope="body" { "type": "card", "header": { "title": "Title", "subTitle": "Sub Title", "description": "description", "avatarClassName": "pull-left thumb-md avatar b-3x m-r", "avatar": "raw:http://hiphotos.baidu.com/fex/%70%69%63/item/c9fcc3cec3fdfc03ccabb38edd3f8794a4c22630.jpg" }, "body": "Body", "actions": [ { "type": "button", "label": "Action 1", "actionType": "dialog", "dialog": { "confirmMode": false, "title": "提示", "body": "对,你刚点击了!" } }, { "type": "button", "label": "Action 2", "actionType": "dialog", "dialog": { "confirmMode": false, "title": "提示", "body": "对,你刚点击了!" } } ] } ```