subtitle: 对话框 group: General category: UI chinese: 对话框

rox-dialog

说明

包含 默认 Dialog 组件，另外还有订制的 Dialog.Alert, Dialog.Confirm

Guide

Dialog 的实现方式是通过Weex 中的 Mask 标签进行包装实现, 使用方式如下：

API - Dialog

| 参数 | 说明 | 类型 | 默认值 | |-----------|------------------------------------------|---------------|--------| | contentStyle | 触发元素 | Element | | | triggerType | 触发行为，可选 hover/click | string | hover | | align | 气泡框位置，可选 t,r,b,l,tl,tr,rt,rb,bl,br,lt,lb | string | t | | closable | 是否有关闭按钮 | bool | true | | visible | 用于手动控制浮层显隐 | boolean | false | | onClose | 关闭时触发回调 | function | | | afterClose | 关闭后触发回调 | function | false |

API - Dialog.Alert

| 参数 | 说明 | 类型 | 默认值 | |-----------|------------------------------------------|---------------|--------| | titleText | 标题文字 | String | 温馨提醒 | | disabledTitle | 禁用标题 | Boolean | false | | okText | 确认文字 | String | 确定 |

API - Dialog.Confirm

| 参数 | 说明 | 类型 | 默认值 | |-----------|------------------------------------------|---------------|--------| | titleText | 标题文字 | String | 温馨提醒 | | okText | 确认文案 | String | 确定 | | cancelText | 取消文案 | String | 取消 |

事例方法

通过 ref 的方式获取当前 组件，调用 内部 的方法，控制 对话框 的展示与隐藏

| 参数 | 说明 | 类型 | 默认值 | |-----------|------------------------------------------|---------------|--------| | show | 展示对话框 | Function | | | hide | 隐藏对话框 | Function | |