编辑导语：浮层广泛应用于 B 端产品，可用来展示文本、列表等内容，是一个非常好的组
件。这篇文章作者从浮层组件的类型、特点、应用案例以及浮层组件应用的注意事项详细
地讲述了 B 端产品的浮层组件设计，一起来看看吧。


浮层是在页面上方展示的浮层容器，可展示文本、按钮、列表、标签、表单项等内容，在
B 端产品中有着非常广泛的应用。
根据内容和作用，可以分为不同的设计组件。例如 Notification，Tooltip，Dialog 等等
。
这些组件都可以看作是页面空间的延展，最近在项目工作中有了一些新的思考，今天我们
就来讨论下浮层组件的设计，希望大家能够有新的收获。
主要内容包括以下 4 部分：
浮层组件的类型 浮层组件 3 个的特点 几个应用案例 浮层组件应用的注意事项

一、浮层组件的类型
说起浮层就离不开“模态”和“非模态”。
简单的理解，“模态”就是用户必须进行交互操作的浮层，否则浮层会一直存在，并且无
法进行页面功能操作。
例如对话框，这种强制性保证了对话框信息的有效传递，但是对用户操作流程造成了比较
强的阻断。“非模态”则不需要给出反馈，不影响用户的其他操作，没有强制 ...