Skip to content

Toast 轻提示

VToast 是 Base Kit 的受控轻提示组件。业务中的队列、全局调用和请求集成应在二次封装层实现。

演示

信息已更新
保存成功

Props

Prop类型默认值描述
visiblebooleanfalse是否显示
messagestring''提示文案
type'text' | 'success' | 'warning' | 'danger' | 'loading''text'类型
position'top' | 'middle' | 'bottom''middle'位置
closeablebooleantrue是否显示关闭按钮
closeLabelstring'关闭通知'关闭按钮的无障碍名称

动效与无障碍

Toast 使用 220ms 进入和 160ms 退出过渡;顶部、居中和底部位置采用对应方向的轻量位移。prefers-reduced-motion: reduce 下仅保留即时淡入淡出。成功和普通反馈使用 status,警告和错误使用 alert

Events

EventPayload描述
update:visibleboolean显示状态更新
closevoid关闭