最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。配置属性说明：

组件名称

当前组件的名称， 没特殊要求，当前窗口唯一，字符串。

标题

当前卡片标题，显示在卡片顶部。

自定义标题区域样式

设置卡片头部的样式。你可以在这个对象中定义各种 CSS 样式属性，如背景颜色、字体大小、内边距等。

 

const headStyle = {
backgroundColor: '#f0f0f0',
color: '#333',
fontSize: '18px',
padding: '12px'
};

内容区域自定义样式

设置卡片主体部分的样式。通过这个属性，你可以对卡片主体的背景、边框、内边距等样式进行自定义。

 

const bodyStyle = {
backgroundColor: '#fff',
border: '1px solid #e8e8e8',
padding: '20px'
};

类型

 卡片类型，可设置为 inner 或 不设置

引用窗口

从已有窗口页面选择一个引用。

引用组件名称

当前窗口标题，一般用来显示在浏览器页签的标题或者弹框的默认标题。

content内边距

内边距指的是卡片内容与卡片边框之间的距离

可见

是否在页面展示。

 

有边框

Card组件是否展示边框线

操作列

标题

按钮的名称

显示类型(类型设置为 icon 时，请一定设置下面的图标属性)

操作列中的按钮的显示类型，link: 显示为超链接样式 icon: 显示为 icon ，default，primary，danger，dashed 这四个配置项与 Button 组件的 Type 属性一直。

图标

需要显示图标时，配置的图标名称 

组件名称

当前组件的名称， 没特殊要求，当前窗口唯一，字符串。

显示规则(返回值：{visible:true/false})

当前按钮的显示规则，可以自定义，举例：

 

if (record.age > 25) { // 年龄大于 25 岁的不显示此按钮
    return {visible: false};
}
return {visible: true}

 

激活规则(返回值：{disabled:true/false}

当前按钮是否可用，可以自定义，举例：

 

if (record.sex === 'M') { // 性别为 M 的此按钮不可用
    return {disabled: false};
}
return {disabled: true}

 

事件序列

此按钮可以配置对应的 event ，此处仅可配置 onClick 。

调整列的顺序

此项会列出现有的所有的列，可以调整列位置（通过上下箭头）和列的标题名称

操作列显示迷你模式

操作列显示迷你模式，勾选此项以后，会显示一个 icon 按钮，点击或鼠标经过此按钮，会出现所有按钮的下拉列表，下面出现迷你按钮的配置项：

icon类型

迷你按钮的 icon 类型，可以是 antd 自带的 icon , 或者文本或者图片url

图标

icon的内容（icon或者文本内容或者url）

trigger

显示下拉按钮列表的触发方式，hover ：鼠标经过，click ：点击

显示方位

下拉按钮列表的显示位置（相对于迷你按钮的位置）

按钮列表宽度(单位：px)

按钮列表宽度(单位：px)