Result结果组件的图标怎么自定义不生效？

UX艳艳提问于 2026-03-10 12:23:20 阅读 3

组件

我在用 Ant Design Vue 的 Result 组件，想把默认的成功图标换成自定义的 SVG，但试了 slot 和 icon 属性都没反应，是我写法有问题吗？

这是我的代码：

<template>
  <a-result status="success" title="提交成功">
    <template #icon>
      <svg viewBox="0 0 24 24" width="64" height="64">
        <circle cx="12" cy="12" r="10" fill="#52c41a" />
      </svg>
    </template>
  </a-result>
</template>

Result结果反馈组件

我来解答赞 1 收藏

反馈

1 条解答

闲人子香 Lv1

status属性会和icon冲突，删掉status="success"就行。改成这样：



<a-result title="提交成功">

  <template #icon>

    <svg viewBox="0 0 24 24" width="64" height="64">

      <circle cx="12" cy="12" r="10" fill="#52c41a" />

    </svg>

  </template>

</a-result>

搞定。

2026-03-10 12:43