0.0.1 • Published 7 years ago
rnx-ui-dialog v0.0.1
Dialog
弹窗
API
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| type | string | 'confirm' | No | 弹窗类型，可选 alert、confirm |
| title | string | No | 弹窗 title | |
| content | string | No | 弹窗主体内容，也可传递比较复杂的contentJSX结构的时候，使用该配置 | |
| visible | bool | true | No | 是否显示 |
| modal | bool | true | No | 是否显示遮罩，注意，如果设置为false，dialog在竖直方向上就没法居中了，需要自己通过style的top【默认会被设置成视图高度的/2】, marginTop来调整dialog的位置 |
| modelStyle | object | 默认合并 dialog.js 内样式 | No | 遮罩样式 |
| header | object | No | 配置title的左边和右边显示的附加按钮，例如 {cancel: {text: "X", hidden: false}, confirm: false}，cancel、confirm、close最多配置两个，配置成false或者hidden:true表示不展示，但是会占位置 | |
| showHeader | bool | true | No | 配置是否显示header |
| footer | object | {cancel: {text: "取消"}, confirm: {text: "确定"}} | No | 配置底部的按钮 |
| onConfirm | func | No | 确认回调，return false则不会继续触发关闭逻辑 | |
| onCancel | func | No | 取消回调，return false则不会继续触发关闭逻辑 | |
| onClose | func | Yes | 关闭回调 |
0.0.1
7 years ago