2020-02-03 21:48:56 +08:00
|
|
|
# 卡片 Card
|
2020-03-14 17:48:54 +08:00
|
|
|
一些经验不足的 UI 设计师喜欢在它上面滥用阴影。
|
2020-02-03 20:49:22 +08:00
|
|
|
## 演示
|
2019-12-02 03:16:35 +08:00
|
|
|
```demo
|
|
|
|
|
basic
|
|
|
|
|
size
|
|
|
|
|
cover
|
|
|
|
|
slots
|
|
|
|
|
border
|
|
|
|
|
segment
|
|
|
|
|
closable
|
|
|
|
|
```
|
2020-02-03 20:49:22 +08:00
|
|
|
## Props
|
2020-02-07 23:40:07 +08:00
|
|
|
|名称|类型|默认值|说明|
|
2020-02-03 20:49:22 +08:00
|
|
|
|-|-|-|-|
|
|
|
|
|
|title|`string`|`null`||
|
|
|
|
|
|content-style|`object \| string`|`null`||
|
|
|
|
|
|header-style|`object \| string`|`null`||
|
2020-03-08 14:19:51 +08:00
|
|
|
|segmented|`boolean \| { [part in 'content' \| 'footer' \| 'action']?: boolean \| 'soft' \| 'hard' }`|`false`||
|
2020-02-03 20:49:22 +08:00
|
|
|
|size|`'small' \| 'medium' \| 'large' \| 'huge'`|`'medium'`||
|
|
|
|
|
|bordered|`boolean`|`true`||
|
|
|
|
|
|closable|`boolean`|`false`||
|
2020-03-08 14:19:51 +08:00
|
|
|
|theme|`'light' \| 'dark'`|`null`||
|
|
|
|
|
|themed-style|`{ [themeName: string]: object }`|`null`||
|
2020-02-03 20:49:22 +08:00
|
|
|
|
|
|
|
|
## Events
|
2020-02-07 23:40:07 +08:00
|
|
|
|名称|参数|说明|
|
2020-02-03 20:49:22 +08:00
|
|
|
|-|-|-|
|
|
|
|
|
|close|`()`||
|
|
|
|
|
|
|
|
|
|
## Slots
|
2020-02-07 23:40:07 +08:00
|
|
|
|名称|参数|说明|
|
2020-02-03 20:49:22 +08:00
|
|
|
|-|-|-|
|
2020-03-20 19:17:26 +08:00
|
|
|
|cover|`()`||
|
2020-02-03 20:49:22 +08:00
|
|
|
|header|`()`||
|
|
|
|
|
|header-extra|`()`||
|
|
|
|
|
|default|`()`||
|
|
|
|
|
|footer|`()`||
|
|
|
|
|
|action|`()`||
|
