按颜色对应 Arco Alert：primary 对应 info，info 对应 normal。 属性用法见 Element Plus 文档。
primary、success、warning、error 对应 Arco 状态；info 使用中性灰。
<script setup lang="ts">
const types = ['primary', 'success', 'warning', 'error', 'info'] as const
</script>
<template>
<div style="width: 100%; display: grid; gap: 12px">
<el-alert v-for="type in types" :key="type" :type="type" :title="type" :show-icon="type !== 'info'" :closable="false" />
</div>
</template>description 展示补充说明，关闭按钮保留正常交互。
A new version is ready to install.
Your changes have been saved.
<template>
<div style="width: 100%; display: grid; gap: 12px">
<el-alert type="primary" title="Release available" description="A new version is ready to install." show-icon />
<el-alert type="success" title="Saved" description="Your changes have been saved." show-icon :closable="false" />
</div>
</template>effect="dark" 在 Arco 中没有对应项，保留 Element Plus 的实心形态。
<template>
<el-alert type="success" title="Operation completed" effect="dark" show-icon :closable="false" style="width: 100%" />
</template>