结果 Result

对应 Arco Result 的结果反馈场景，标题与状态颜色采用主题风格。 属性用法见 Element Plus 文档。

结果类型

icon 的 success、warning、error、info 对应 Arco 状态。

success

Review the operation result.

warning

Review the operation result.

error

Review the operation result.

info

Review the operation result.

<script setup lang="ts">
const icons = ['success', 'warning', 'error', 'info'] as const
</script>

<template>
  <el-result v-for="icon in icons" :key="icon" :icon="icon" :title="icon" sub-title="Review the operation result." style="width: 280px; max-width: 100%">
    <template #extra><el-button type="primary">Continue</el-button></template>
  </el-result>
</template>

与 Arco 的差异

• 状态图标形状保留 Element Plus，与 Arco 的线形图标不同。