公告 欢迎您,我的朋友,目前开放免费注册,注册登录后查看更多内容!开通会员送积分,相应文档随便看,积分充值登录后个人中心内按需充值!

🔑 气泡确认框控件Popconfirm

Popconfirm 是一个气泡确认框控件,点击目标元素时,在目标元素附近弹出浮层提示,询问用户确认操作。和 confirm 弹出的全屏居中模态对话框相比,交互形式更轻量。

Popconfirm 气泡确认框控件

控件名称

Popconfirm

中文名称

气泡确认框控件

控件优点

Popconfirm 是一个气泡确认框控件,点击目标元素时,在目标元素附近弹出浮层提示,询问用户确认操作。和 confirm 弹出的全屏居中模态对话框相比,交互形式更轻量。

主要特性

  • 轻量交互:气泡式确认框,不打断用户当前操作流程
  • 12个方向:支持 12 个弹出位置,灵活适配不同场景
  • 箭头指向:箭头自动指向目标元素中心
  • SVG图标:支持 help、warning、error、info 等图标类型
  • 异步关闭:支持异步操作完成后手动关闭
  • 透明度设置:支持设置气泡框透明度
  • 屏幕边界检测:自动调整位置避免超出屏幕

重要参数说明

全局属性

属性名 类型 默认值 说明
DefaultTitle string "" 默认标题
DefaultDescription string "" 默认描述
DefaultPlacement PopconfirmPlacement Top 默认弹出位置
DefaultOkText string "确定" 确认按钮文字
DefaultCancelText string "取消" 取消按钮文字
DefaultIcon PopconfirmIconType Help 默认图标类型
DefaultIconColor Color 250,173,20 默认图标颜色
DefaultPadding int 12 内边距
DefaultCornerRadius int 8 圆角半径
DefaultArrowSize int 8 箭头大小
DefaultMaxWidth int 280 最大宽度
DefaultButtonSpacing int 8 按钮间距
DefaultOffset int 8 距离目标元素的偏移量
DefaultShowCancel bool true 是否显示取消按钮
DefaultAsync bool false 是否异步关闭
DefaultOpacity float 1.0 透明度(0-1)

扩展属性(为每个控件单独设置)

属性名 类型 默认值 说明
PopconfirmTitle string "" 确认框标题
PopconfirmDescription string "" 确认框详细描述
PopconfirmPlacement PopconfirmPlacement Top 弹出位置

该文档需要「免费会员」身份

请先登录后继续阅读。