7.0 KiB
7.0 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。 :::
::: title 基本使用 :::
::: demo
基础使用 内容:::
::: title 允许拖动 :::
::: demo
允许拖动 内容:::
::: title 放大缩小 :::
::: demo
放大缩小 内容:::
::: title 指定位置 :::
::: demo
指定位置 内容:::
::: title 尺寸拉伸 :::
::: demo
尺寸拉伸 内容:::
::: title 远程窗体 :::
::: demo
远程窗体:::
::: title 定义操作 :::
::: demo
定义操作 内容:::
::: title 关闭遮盖 :::
::: demo
开启遮盖 内容:::
::: title 函数调用 :::
::: demo
打开 关闭 关闭所有:::
::: title 弹层属性 :::
::: table
| 备注 | 描述 | 默认值 |
|---|---|---|
| title | 标题 | -- |
| move | 允许拖拽 | false |
| maxmin | 最小化 最大化 | false |
| offset | 位置 | -- |
| area | 尺寸 | -- |
| v-model | 展示 隐藏 | false |
| content | 内容 | -- |
| shade | 开启遮盖 | -- |
| shadeClose | 遮盖点击关闭 | -- |
| shadeOpacity | 遮盖层透明度 | 0.1 |
| zIndex | 自定义层级 | -- |
| type | 类型 | 1: component 2: iframe |
| closeBtn | 显示关闭 | true |
| btn | 按钮 | |
| btnAlign | 按钮布局 | l r c |
| anim | 入场动画 | 0 - 6 |
| isOutAnim | 关闭动画 | true false |
| success | 显示回调 | -- |
| end | 关闭回调 | -- |
:::
::: comment :::
::: previousNext modal :::