吐司通知 Toast
操作完成后从角落滑入的小提示条,几秒后自动消失,不打断操作
**吐司通知(Toast)**是页面角落冒出的小提示条:操作完成后滑入告诉你结果,几秒后自己消失——名字来自“像烤面包机弹出来一样”。它和弹窗的区别:toast 不打断你(没有遮罩、不用点确认),说完就走。
什么时候用:保存成功、已复制到剪贴板、已加入收藏——一切“需要确认发生了、但不值得打断”的反馈。错误如果需要用户决策(重试/取消),那是弹窗的事,别用 toast。
对 AI 说清楚的三要素:① 位置统一(右上或底部居中),多条堆叠不重叠;② 自动消失 2~4s,悬停暂停;③ 图标 + 颜色区分成功/失败/警告,纯文字扫一眼分不清。
复制即用的提示词片段
操作反馈用吐司通知(Toast):点击按钮后从视口右上角滑入一条 提示(如"✓ 设置已保存"),带成功图标与配色,2.4s 后自动淡出; 多条堆叠排列、互不遮挡;鼠标悬停时暂停自动消失。