跳到主要内容

Popconfirm 气泡确认框

气泡确认框通常用于不会造成严重后果的二次确认场景,其会在点击元素上弹出浮层进行提示确认。气泡确认框没有蒙层,点击确认框以外的区域即可关闭。


开发说明
  • 默认设置好了三种图标的确认框,但是也要支持后续的自定义图标。
  • 多了一个带有内容描述的类型。
  • 基础气泡确认框

    使用说明文字及操作按钮对较简单的操作进行二次确认。

    不同图标的气泡确认框

    在说明文字之前增加图标,如普通、警示及告警等图标,增强表达以更好的引起用户注意。

    带描述的气泡确认框

    在主要说明文字之外增加了操作相关的详细描述,对较复杂的,可能造成疑惑的操作进行详细描述。

    不同位置的气泡确认框

    可根据实际场景,选用不同位置的气泡确认框,气泡确认框不要遮挡住操作的信息。

    何时使用

    • 需要用户进行二次确认时;
    • 需要给用户展示反馈信息时。

    设计布局

    • 气泡确认框可根据页面需要,进行各方向的自由布局,出现位置应避免遮挡页面信息、或被遮挡。

    搭配使用

    • 与全局提示搭配使用,在操作后用来给予用户操作结果反馈。