Page tree

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已改变。

...

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

标题

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

自定义标题区域样式

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

 

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

内容区域自定义样式

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

 

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

类型

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

  • 默认类型:默认样式下,卡片具备普通的外观,有卡片头部(若设置了 title 属性)、卡片主体内容以及可选的卡片底部(若使用了 extra 属性)。
  • inner 类型:当 type="inner" 时,卡片的样式会更简洁,没有明显的边框和阴影,一般用于在其他卡片或组件内部嵌套使用,以实现层级分明的布局。

引用窗口

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

引用组件名称

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

content内边距

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

可见

是否在页面展示。

 

有边框

Card组件是否展示边框线

操作列

标题

按钮的名称

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

...