doc(result)

This commit is contained in:
07akioni 2020-01-30 17:58:07 +08:00
parent d7bca06ceb
commit 01514cc968
13 changed files with 119 additions and 6 deletions

View File

@ -1,8 +1,8 @@
# Error
```html
<n-result status="error" title="Error" description="Alway related to a great mother.">
<n-result status="error" title="Error" description="It's red">
<template v-slot:footer>
<n-button>But I Don't Like It</n-button>
<n-button>I Don't Like It</n-button>
</template>
</n-result>
```

View File

@ -1,4 +1,8 @@
# Result
Result is for showing result.
Many thanks to [twemoji](https://github.com/twitter/twemoji) for creating those high quality icons!
## Demos
```demo
s404
s403
@ -8,4 +12,17 @@ info
success
warning
error
```
```
## Props
|Name|Type|Default|Description|
|-|-|-|-|
|status|`'info' \| 'success' \| 'error' \| 'warning' \| 404 \| '404' \| 500 \| '500' \| 400 \| '400' \| 418 \| '418'`|`'info'`||
|title|`string`|`null`||
|description|`string`|`null`||
## Slots
|Name|Parameters|Description|
|-|-|-|
|default|`()`||
|footer|`()`||

View File

@ -3,7 +3,7 @@
<n-result
status="418"
title="418 I'm a Teapot"
description="In Chinese, teapot is read as 'Beiju', which means 'tragedy'."
description="In Chinese, teapot is a kind of 'Beiju', which means 'tragedy'."
>
<template v-slot:footer>
<n-button>It Is Easy to Take the Truth</n-button>

View File

@ -1,8 +1,8 @@
# Success
```html
<n-result status="success" title="Success" description="Son or daughter of failure, in many countries.">
<n-result status="success" title="Success" description="child of failure">
<template v-slot:footer>
<n-button>I Care Nothing About Its Gender</n-button>
<n-button>I like it</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 错误
```html
<n-result status="error" title="错误" description="它是红的">
<template v-slot:footer>
<n-button>还是离它远点吧</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,28 @@
# Result 结果页
结果页是展示结果的。
感谢 [twemoji](https://github.com/twitter/twemoji) 创造了这么多好看的图标!
## 例子
```demo
s404
s403
s500
s418
info
success
warning
error
```
## Props
|名称|类型|默认值|介绍|
|-|-|-|-|
|status|`'info' \| 'success' \| 'error' \| 'warning' \| 404 \| '404' \| 500 \| '500' \| 400 \| '400' \| 418 \| '418'`|`'info'`||
|title|`string`|`null`||
|description|`string`|`null`||
## Slots
|名称|参数|介绍|
|-|-|-|
|default|`()`||
|footer|`()`||

View File

@ -0,0 +1,8 @@
# 信息
```html
<n-result status="info" title="信息" description="在这个年代,信息就是金钱,金钱就是信息。">
<template v-slot:footer>
<n-button>我需要信息</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 403
```html
<n-result status="403" title="403 禁止访问" description="总有些门是对你关闭的">
<template v-slot:footer>
<n-button>放轻松</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 404
```html
<n-result status="404" title="404 资源不存在" description="生活总归带点荒谬">
<template v-slot:footer>
<n-button>找点乐子吧</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,12 @@
# 418
```html
<n-result
status="418"
title="418 我是个杯具"
description="一切尽在不言中"
>
<template v-slot:footer>
<n-button>接受真相就是这么简单</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 500
```html
<n-result status="500" title="500 服务器错误" description="服务器出错可能说明该雇更多程序员了">
<template v-slot:footer>
<n-button>散财消灾</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 成功
```html
<n-result status="success" title="成功" description="失败的孩子">
<template v-slot:footer>
<n-button>我喜欢</n-button>
</template>
</n-result>
```

View File

@ -0,0 +1,8 @@
# 警告
```html
<n-result status="warning" title="警告" description="在它变成错误以前一般不会有人管它">
<template v-slot:footer>
<n-button>听起来有那么点悲伤,哈哈哈</n-button>
</template>
</n-result>
```