一、类型介绍

在 PC 端项目中，用户触发了某个操作，当需要向用户展示新的内容时，有很多交互方式，弹窗、抽屉、页面就是其中典型的3种。下面来分析下3种交互方式的优势、劣势和使用场景。

1.1 弹窗

定义：分为模态和非模态对话框2种，常用的为模态对话框。

优势：在不离开当前页面的前提下完成操作，之前的内容不丢失。

劣势：弹窗空间有限，承载的信息量太少。

适用场景：

• 展示简单内容，没有复杂操作。
• 不丢失信息焦点，或者需要连续性处理信息的场景。
• 更为详细的辅助说明，是对当前内容的快速扩展。

1.2 抽屉

定义：屏幕边缘滑出的浮层面板，分为模态和非模态抽屉2种。

优势：在不离开当前页面的前提下完成操作，之前的内