ant-design/index.zh-CN.md at 22ef7d1147c51b54d2dd096810add7b8a3076456

mirror of https://github.com/ant-design/ant-design.git synced 2024-12-03 08:19:37 +08:00

ddcat1115 2b1bed42c9 Card new feat (#7120 )

* inner style Card

* support `cover` `actions` `avatar` `description` and `extraContent`

* improve

* refactor

2017-08-09 14:34:10 +08:00

category	type	title	subtitle	cols
Components	Data Display	Card	卡片	1

通用卡片容器。

何时使用

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

<Card title="卡片标题">卡片内容</Card>

参数	说明	类型	默认值
title	卡片标题	string\|ReactNode	-
extra	卡片右上角的操作区域	string\|ReactNode	-
bordered	是否有边框	boolean	true
bodyStyle	内容区域自定义样式	object	-
noHovering	取消鼠标移过浮起	boolean	false，[type='inner'] 时默认为 true
loading	当卡片内容还在加载中时，可以用 loading 展示一个占位	boolean	false
type	卡片类型，可设置为 `inner` 或不设置	string	-
cover	卡片封面	ReactNode	-
actions	卡片操作组，位置在卡片底部	Array	-
tabList	页签标题列表	Array<{key: string, tab: ReactNode}>	-
onTabChange	页签切换的回调	(key) => void	-

Property	Description	Type	Default
className	网格容器类名	string	-
style	定义网格容器类名的样式	object	-

Property	Description	Type	Default
className	容器类名	string	-
style	定义容器类名的样式	object	-
avatar	头像/图标	ReactNode	-
title	标题内容	ReactNode	-
description	描述内容	ReactNode	-