Skip to content

气泡确认框

概述

气泡确认框通常用于不会造成严重后果的二次确认场景,点击元素,弹出气泡式的确认框。气泡确认框没有蒙层。

基本用法

含标题气泡卡片

- 高度:内容距离上下间距固定为16px
- 图标:24*24px,可选
- 字号:标题-16px,描述-14px
- 字重:标题-中黑体 medium ,描述-常规体 regular
- 字色:标题-@Black 85%,描述-@Black 65%
- 圆角:4px
- 间距:文字距离左右间距固定为16px,宽度根据文字自适应 内部间距如图示意
- 按钮:S(24px),按钮间距8px
- 投影:二级投影(向下)
- 示例:

仅描述气泡卡片

- 高度:内容距离上下间距固定为16px
- 图标:24*24px,可选
- 字号:14px
- 字重:常规体 regular
- 字色:@Black
- 圆角:4px
- 间距:文字距离左右间距固定为16px,宽度根据文字自适应 内部间距如图示意
- 按钮:见示例
- 投影:二级投影(向下)
- 示例:

弹出方向

气泡提示共有12种箭头方向,其对齐方式根据实际显示内容选择合适的样式。见【气泡卡片】