mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 18:01:24 +08:00
55348b30b6
* style: use prettier * style: just prettier format, no code changes * style: eslint fix object-shorthand, prefer-const * style: fix no-void * style: no-console
79 lines
2.2 KiB
Markdown
79 lines
2.2 KiB
Markdown
## Result 结果
|
|
|
|
用于对用户的操作结果或者异常状态做反馈。
|
|
|
|
### 基础用法
|
|
|
|
:::demo
|
|
|
|
```html
|
|
<el-row>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result icon="success" title="成功提示" subTitle="请根据提示进行操作">
|
|
<template #extra>
|
|
<el-button type="primary" size="medium">返回</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result icon="warning" title="警告提示" subTitle="请根据提示进行操作">
|
|
<template #extra>
|
|
<el-button type="primary" size="medium">返回</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result icon="error" title="错误提示" subTitle="请根据提示进行操作">
|
|
<template #extra>
|
|
<el-button type="primary" size="medium">返回</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result icon="info" title="信息提示" subTitle="请根据提示进行操作">
|
|
<template #extra>
|
|
<el-button type="primary" size="medium">返回</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
</el-row>
|
|
```
|
|
|
|
:::
|
|
|
|
### 自定义内容
|
|
|
|
:::demo
|
|
|
|
```html
|
|
<el-result title="404" subTitle="抱歉，请求错误">
|
|
<template #icon>
|
|
<el-image
|
|
src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
|
|
></el-image>
|
|
</template>
|
|
<template #extra>
|
|
<el-button type="primary" size="medium">返回</el-button>
|
|
</template>
|
|
</el-result>
|
|
```
|
|
|
|
:::
|
|
|
|
### Result Attributes
|
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
| --------- | -------- | ------ | -------------------------------- | ------ |
|
|
| title | 标题 | string | — | — |
|
|
| sub-title | 二级标题 | string | — | — |
|
|
| icon | 图标类型 | string | success / warning / info / error | info |
|
|
|
|
### Result Slots
|
|
|
|
| Name | 说明 |
|
|
| -------- | ------------------ |
|
|
| icon | 自定义图标 |
|
|
| title | 自定义标题 |
|
|
| subTitle | 自定义二级标题 |
|
|
| extra | 自定义底部额外区域 |
|