Result 结果

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

基础用法

根据不同的操作状态展示不同颜色的结果图标。

操作成功

您的表单已提交。

操作警告

请检查您的输入内容。

信息提示

请等待管理员审核。

操作失败

请稍后重试。

<template>
  <ZcResult status="success" title="操作成功" sub-title="您的表单已提交。" />
  <ZcResult status="warning" title="操作警告" sub-title="请检查您的输入内容。" />
  <ZcResult status="info" title="信息提示" sub-title="请等待管理员审核。" />
  <ZcResult status="error" title="操作失败" sub-title="请稍后重试。" />
</template>

自定义内容

通过插槽自定义图标、标题及额外操作区域。

提交成功

提交结果页用于反馈一系列操作任务的处理结果。

<template>
  <ZcResult
    status="success"
    title="提交成功"
    sub-title="提交结果页用于反馈一系列操作任务的处理结果。"
  >
    <template #extra>
      <ZcButton type="primary" style="margin-right: 12px;">返回首页</ZcButton>
      <ZcButton>查看详情</ZcButton>
    </template>
  </ZcResult>
</template>

Result API

Props

参数	说明	类型	默认值
status	结果状态	'success' | 'warning' | 'info' | 'error'	'info'
title	标题	string	''
subTitle	副标题	string	''
icon	自定义图标类名	string	''

Slots

插槽名	说明
default	自定义内容区
icon	自定义图标
title	自定义标题
subTitle	自定义副标题
extra	自定义额外操作区