mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-23 13:31:06 +08:00
doc(card): zh-cn
This commit is contained in:
parent
92d856a568
commit
eae2a6456a
@ -1,4 +1,4 @@
|
||||
# 基础
|
||||
# 基础用法
|
||||
基础卡片
|
||||
```html
|
||||
<n-card title="卡片">
|
||||
|
@ -1,4 +1,5 @@
|
||||
# 可关闭
|
||||
用于 Modal 的时候,你可能需要这个属性。
|
||||
```html
|
||||
<n-card title="卡片" closable @close="handleClose">
|
||||
卡片内容
|
||||
|
@ -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|`()`||
|
||||
|
@ -1,4 +1,5 @@
|
||||
# 插槽
|
||||
卡片有很多插槽,希望能帮你少写点代码。
|
||||
```html
|
||||
<n-card title="卡片插槽示例">
|
||||
<template v-slot:header-extra>
|
||||
|
Loading…
Reference in New Issue
Block a user