全局的模态框展示支持,适用于包含多类信息内容,并可以作为能够获取到交互反馈的 Confirm、Alert、Prompt 等多类灵活样式的展示方式。
# demo
# 动态参数列表
支持通过指令调用展示浮层内容的动态参数(params):
名称 | 类型 | 默认值 | 可选值 | 必填 | 描述 |
---|---|---|---|---|---|
content | string | - | - | - | 进行态的文本描述内容 |
direction | string | row | row, column | - | loading 动画效果与文本展示结构,row 左图右文,column 上图下文 |
timeout | number, string | 5000 | infinite(不自动关闭) | - | 弹出浮层的展示持续时间,为number类型时,单位毫秒,最大值不超过60000; |
position | string | bottom | bottom, top | - | 模态框在页面上展示的位置:bottom 水平居底展示,top 水平居上展示 |
logo | string | - | - | - | 模态窗支持展示的图片链接地址, 仅 direction 为 column 时支持展示 |
title | string | - | - | - | 模态窗的窗体描述title |
confirmText | string | 确认 | - | - | 模态窗的语义正反馈按钮文本 |
confirmTheme | string | primary | primary, secondary, success, danger, primary-ghost, secondary-ghost, success-ghost, danger-ghost | - | 模态窗的语义正反馈按钮样式 |
cancelText | string | 取消 | - | - | 模态窗的语义负反馈按钮文本 |
cancelTheme | string | primary-ghost | primary, secondary, success, danger, primary-ghost, secondary-ghost, success-ghost, danger-ghost | - | 模态窗的语义负反馈按钮样式 |
animationIn | string | 默认不带动画效果 | bottomBouncePop, bottomBounceUp, rightBounceIn | - | 模态窗的进场动画效果 |
animationOut | string | 默认不带动画效果 | bottomOut | - | 模态窗的出场动画效果 |
# events
名称 | 参数 | 参数说明 | event说明 |
---|---|---|---|
onConfirm | - | - | 对应类型浮层的正反馈按钮被点击时触发 |
onCancel | - | - | 对应类型浮层的负反馈按钮被点击时触发 |
onShow | - | - | 对应类型浮层展示时触发 |
onHide | - | - | 对应类型浮层关闭时触发 |
onTimeout | - | - | 对应类型浮层展示时间达到预设定超时时间时触发 |