Result 结果

用于对用户的操作结果或者异常状态做反馈。

import { createApp } from 'vue'
import { ElResult } from '@szhn/dh-design-pc'

const app = createApp()
app.use(ElResult)

基础用法

通过 icon 属性切换展示的结果状态，支持 success / warning / info / error / primary。

自定义内容

可以通过 icon / title / sub-title / extra 具名插槽自定义结果页。

404 页面场景

典型的错误页面展示，组合 Result 与返回按钮。

成功反馈

在表单提交或完成某个操作后，使用 Result 呈现成功信息。

API

Attributes

属性名	说明	类型	默认值
title	Result 组件的标题	string	''
sub-title	Result 组件的副标题	string	''
icon	图标类型	success / warning / info / error / primary	info

插槽

名称	说明
icon	图标内容
title	标题内容
sub-title	副标题内容
extra	额外操作区域

更多配置参见 Element Plus Result。