• 弹窗
• ALERT

一.定义

用于询问、警示、提示以及完成某个插入任务，使用户有效聚焦于当前最紧急的信息，在不用离开当前页面的前提下，完成轻量的任务。

二.用途

用于询问、提示、警示以及完成某个插入任务。

三.类型

基础类、扩展类

1.基础类——对话框/moda

说明：对话框承载与当前状态有关的重要信息，常需要用户进行响应；对话框由标题、信息内容、一个或多个按钮、文本输入框四部分组成。除了上述可选元素以外，对话框的外观是固定的不可修改的。

使用场景：常用于询问、信息提示、操作二次确认等场景。

【交互说明】

（1）.伴随蒙版从页面中间弹出；

（2）.标题和信息内容需要简短能说明问题，弹窗根据内容长短自适应高度；

（3）.按钮控制在3个以内，超出建议使用操作列表；

（4）.文案要具体精准，不要使用“是”“否”等语意不明的词；

（5）.主选按钮放右侧，次选按钮放左侧；

（6）.当有破坏性的操作的时候，一方面要突出显示具有潜在破坏性的操作按钮，另一方面要确保有【取消】按钮，保证用户能够安全地取消破坏性操作；

（7）.必须要获取用户明确的响应，因此只有选择按钮才能关闭弹窗（点击蒙版无法关闭弹窗）；

（8）.使用输入框时，可根据输入内容的属性唤起数字键盘或全键盘；

2.扩展类

2.1 活动对话框

【交互说明】

（1）.一般进入页面后，从页面中间弹出；

（2）.具体的形态由UI根据实际需求进行设计；

（3）.提供关闭按钮用与关闭，关闭按钮位于右上角；

（4）.不支持点击蒙版收起；

2.2 版本升级对话框【交互说明】

（1）.有版本更新时，通常在首页弹出引导用户升级；

（2）.标题部分固定显示标题+版本号+包大小；

（3）.版本特性介绍内容显示固定行数（以高保真为准）；超出可滑动内容区域查看；

（4）.点击立即升级按钮，跳转升级流程；

（5）.提供关闭按钮用与关闭，关闭按钮位于右上角；

（6）.不支持点击蒙层收起；

（7）.当为强制升级时，弹窗不支持关闭，不显示关闭按钮，不支持点击蒙层收起；

2.3 下载对话框【交互说明】

（1）.从页面中间弹出；

（2）.显示下载进度；

（3）.提供取消按钮，点击后弹窗收起，停止下载

2.4 用户权益对话框

【交互说明】

（1）.打开客户端后，从页面中间弹出，需点击【我已阅读并同意】按钮后才能进入客户端；

（2）.不支持点击蒙版收起；

2.5 服务权益对话框

【交互说明】

（1）.需要获取用户授权信息时，从页面中间弹出；

（2）.授权内容显示固定行数（以高保真为准）；超出可滑动内容区域查看；

（3）.点击【确认授权】按钮后收起弹窗，并toast提示“授权成功”；

（4）.右上角提供关闭按钮，点击【关闭】收起弹窗，放弃授权；

（5）.不支持点击蒙版收起；

2.6 自定义对话框

【交互说明】

（1）.从页面中间弹出；

（2）.具体的形态由UI根据实际需求进行设计；

（3）.按钮最多上下可显示3个；

（4）.右上角提供关闭按钮，点击【关闭】收起弹窗；

（5）.不支持点击蒙版收起；

Powered by Froala Editor