TODO: description
const Card = require('@hi-ui/card');
// TODO: DEMONSTRATE API
参数 |
说明 |
类型 |
可选值 |
默认值 |
title |
设置卡片标题 |
ReactNode |
- |
- |
size |
设置卡片大小 |
string |
'sm' | 'md' | 'lg' |
- |
bordered |
是否显示边框 |
boolean |
true | false |
true |
type |
设置卡片类型 |
string |
'simple' | 'default' |
'default' |
hoverable |
鼠标移入卡片时是否显示阴影 |
boolean |
true | false |
false |
extra |
卡片右上角的扩展 |
ReactNode |
- |
- |
coverUrl |
卡片的封面图片链接 |
string |
- |
- |
cover |
卡片的封面 |
ReactNode |
- |
- |
className |
卡片的自定义类名 |
string |
- |
- |
style |
卡片的自定义样式 |
CSSProperties |
- |
- |
showHeaderDivider |
是否展示卡片头部的分割线(仅在默认类型有效) |
boolean |
true | false |
false |
参数 |
变更类型 |
变更内容 |
解决的问题 |
type |
deprecated |
移除 type 字段 |
不再区分是否为 simple 模式 |
content |
deprecated |
移除 content 字段 |
统一 children 作为内容渲染 |
loading |
feature |
增加加载状态 |
作为容器型组件,需要提供加载状态 |
cover |
feature |
卡片封面支持 ReactNode |
卡片封面支持 ReactNode |
size |
update |
更改定义为紧凑或者常规 |
1. card 作为容器,限制三种 width 无意义,同步新版 UI |