简介
模态框,基于layer-vue封装
使用示例
template
<mb-modal
ref="magicModal"
title="标题"
width="900px"
@confirm="save($event)"
>
内容
</mb-modal>modal props
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
| title | String | '' | 标题 | |
| width | String | auto | 宽度 | |
| height | String | auto | 高度 | |
| shadeClose | Boolean | false | 遮盖层关闭 | |
| shade | Boolean | true | 遮盖层 | |
| resize | Boolean | true | 拉伸 | |
| maxmin | Boolean | true | 缩放 | |
| shadeOpacity | String | 0.4 | 遮盖层透明度 | |
| showFooter | Boolean | true | 是否显示底部按钮 | |
| buttons | Array | undefined | 底部按钮,详见buttons |
modal buttons props
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
| text | String | undefined | 按钮文本 | |
| callback | Function | undefined | 点击回调 |
modal methods
| 方法名称 | 参数 | 返回值 | 说明 | 版本 |
|---|---|---|---|---|
| show | () | void | 显示模态框 | |
| hide | () | void | 隐藏模态框 | |
| loading | () | void | 显示loading | |
| hideLoading | () | void | 隐藏loading |
modal 事件
| 方法名称 | 参数 | 返回值 | 说明 | 版本 |
|---|---|---|---|---|
| confirm | (loading: Function, hideLoading: Function, hide: Function, title: String) | void | 点击确认时回调 |