弹窗

Popup 元素是一个悬浮元素,当鼠标悬停或点击界面元素,或使用键盘聚焦元素时出现。Popup 也作为 Popover 组件的底层结构。当 Popover 组件的内置功能不足时,请使用它。

何时使用 Popup

  • 当悬浮元素包含一个操作时。在这种情况下,如果需要保留当前页面的上下文,请使用 Popup 作为对话框的替代方案。

    Popup

  • 当由于内容过多而无法使用 Popover 时。例如,当您需要提供有关工具提示中对象的更多详细信息,包括技术特性和细节时。

    Popup

样式

您无法自定义 Popup 的颜色和样式。您只能更改其位置和尾部是否存在:

您可以在 Popup 的主体中放置任何内容。设计内容时,请遵循 Popover 组件的基本边距和通用指南。尽量不要使 Popup 过载,以免显得臃肿。

定位

您可以根据页面布局将 Popup 放置在页面上的任何位置。确保它尽可能少地覆盖页面上的重要信息。

Positioning

上一页弹出框
下一页进度