...
当前组件的名称, 没特殊要求,当前窗口唯一,字符串。
标题
当前卡片标题,显示在卡片顶部。
自定义标题区域样式
设置卡片头部的样式。你可以在这个对象中定义各种 CSS 样式属性,如背景颜色、字体大小、内边距等。
Info |
---|
const headStyle = { backgroundColor: '#f0f0f0', color: '#333', fontSize: '18px', padding: '12px' }; |
内容区域自定义样式
设置卡片主体部分的样式。通过这个属性,你可以对卡片主体的背景、边框、内边距等样式进行自定义。
Info |
---|
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)