Alert 公告

EvAlert 有两种形态：pill 横幅胶囊用于页面顶部的全站通告（黑色圆形图标块 + 文案 + 动作位）， 常规形态为语义色提示卡，用于区块级的状态说明。closable 可关闭。

超长文案不会撑破形态：胶囊形态保持单行、超出部分省略号截断；常规形态自动换行， 长词与 URL 也会就地断行。

横幅胶囊

pill 形态

全站通告位：版本发布、活动入口等；action 插槽放跳转链接。

cumubase 2.0 发布：全新编辑器与团队空间

查看

<EvAlert pill>
  <span>cumubase 2.0 发布：全新编辑器与团队空间</span>
  <template #action><a href="#">查看</a></template>
</EvAlert>

提示卡

语义色调与关闭

success / warning / danger / neutral 语义色；closable 后隐藏由组件内部管理。

已保存，所有改动即刻同步。

即将废弃 该 API 将在下个大版本移除，请尽快迁移。

<EvAlert tone="success" icon="check">已保存。</EvAlert>
<EvAlert tone="warning" icon="warning" title="即将废弃" closable>…</EvAlert>

API

Props

属性	说明	类型	默认值
title	加粗标题	string	—
icon	图标名	string	—
tone	语义色	'primary' | 'success' | 'warning' | 'danger' | 'neutral'	'primary'
pill	横幅胶囊形态	boolean	false
closable	可关闭	boolean	false

插槽

插槽	说明
icon	图标覆写
title	标题覆写
default	正文内容
action	右侧动作位