反馈与交互 · 点一下的回应
提示条Toast
- 从下面上来
- 停一下
- 不挡路
一条提示从底边滑上来、停住让你读完、再滑回去消失。三个数字一起决定它好不好用：进 260ms（要看见它来）、停 2400ms（要读得完）、出 160ms（走的时候不用再演一遍）。
什么时候用它
用在「操作成功了、但不需要打断」的确认上（已保存、已复制）。要用户做决定的事别用提示条 —— 它会自己消失，用户还没读完就没了，那种场合用对话框。
参数
transform: translateY 24px→0 · opacity 0→1 · 260ms ease-out · hold 2400ms · exit 160ms ease-in
配方
提示条 → transform: translateY 24px→0 · opacity 0→1 · 260ms ease-out · hold 2400ms · exit 160ms ease-in
给 AI 的一句话
做一个提示条：从 translateY(24px) 滑到 0，同时 opacity 0→1，260ms 用 ease-out；停 2400ms；再用 160ms ease-in 滑回 24px 并淡出。进出时长差一倍多是有意的 —— 进来要看清，出去要干脆。