doc(card): zh-cn

This commit is contained in:
07akioni 2020-02-03 20:49:22 +08:00
parent 92d856a568
commit eae2a6456a
4 changed files with 29 additions and 1 deletions

View File

@ -1,4 +1,4 @@
# 基础
# 基础用法
基础卡片
```html
<n-card title="卡片">

View File

@ -1,4 +1,5 @@
# 可关闭
用于 Modal 的时候,你可能需要这个属性。
```html
<n-card title="卡片" closable @close="handleClose">
卡片内容

View File

@ -1,4 +1,6 @@
# 卡片
一些经验不足的 UI 喜欢它在上面滥用阴影。
## 演示
```demo
basic
size
@ -8,3 +10,27 @@ border
segment
closable
```
## Props
|名称|类型|默认值|介绍|
|-|-|-|-|
|title|`string`|`null`||
|content-style|`object \| string`|`null`||
|header-style|`object \| string`|`null`||
|segmented|`boolean \| object`|`false`||
|size|`'small' \| 'medium' \| 'large' \| 'huge'`|`'medium'`||
|bordered|`boolean`|`true`||
|closable|`boolean`|`false`||
## Events
|名称|参数|介绍|
|-|-|-|
|close|`()`||
## Slots
|名称|参数|介绍|
|-|-|-|
|header|`()`||
|header-extra|`()`||
|default|`()`||
|footer|`()`||
|action|`()`||

View File

@ -1,4 +1,5 @@
# 插槽
卡片有很多插槽,希望能帮你少写点代码。
```html
<n-card title="卡片插槽示例">
<template v-slot:header-extra>