Toast 轻提示
用于轻量级反馈或提示，不会打断用户操作。
何时使用
适用于页面内容的变化不能直接反应操作结果时使用
由用户的操作触发，反馈信息可以是操作的结果状态，如成功、失败、出错、警告等
使用原则
需展示多个Toast时，每次仅能显示1个，之后的Toast应在前一个消失后再显示
显示时用户可继续操作页面，持续3～10秒后自动消失（时长可自定义）
样式
分为成功、失败、加载3种类型
Text tips
纯文本
Success tips
成功
Error tips
错误
Loading...
加载
尺寸
正常宽度：背景宽度根据文字内容自适应，左右padding16px
最大宽度：背景宽度不超过275px，超过文字换行展示，高度自适应
最小宽度：背景最小宽度120px，文字内容宽度小于120px时，背景宽度保持120px，文字居中展示
高度：根据内容自适应，上下padding12px，在页面中居中展示
Success tips
Icon:30px
Text:16px
16px
16px
12px
12px
Tips
最小宽度：120px
TipsTipsTipsTipsTipsTipsTipsTips
TipsTipsTipsTipsTipsTipsTipsTips
最大宽度:275px
显示位置
显示在页面中间
使用场景
根据用户的操作，给出相应的结果反馈提示
不要使用与操作结果或进程无关的文案描述
点击按钮
弹出反馈Toast
推荐/慎用示例
Toast不能出现操作按钮，如需使用带操作的提示组件，请使用Snackbar
Do
Don’t
Default
Action
Error tips
Action
Toast的最大宽度275px，文字超长时自适应换行，不能超出屏幕
Do
Don’t
TipsTipsTipsTipsTipsTipsTipsTips
TipsTipsTipsTipsTipsTipsTipsTips
TipsTipsTipsTipsTipsTipsTipsTips
TipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTipsTips
Toast的最小宽度120px，文字超短时，文字居中，宽度不可小于120px
Do
Don’t
Tips
Tips
不能2个Toast同时出现，应在前一个toast消失后再展示下一个
Do
Don’t
Error tips Error tips
Loading...
Error tips
To Designer
组件用法
选择组件最外层，可切换Toast的类型（成功、失败、加载）
轻提示, 消息, 气泡, 提示, message |