8.4 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 需要用户处理事务，又不希望跳转页面以致打断工作流程时，承载相应的操作。 :::
::: title 基本使用 :::
::: demo 通过 lay-layer 创建一个基础弹层, 使用 v-model 控制显示状态。
:::
::: title 禁止拖拽 :::
::: demo 通过 move 属性设置弹层是否可拖动, 默认为 true。
:::
::: title 放大缩小 :::
::: demo 通过 maxmin 属性开启放大缩小操作, 默认为 false。
:::
::: title 指定位置 :::
::: demo 通过 offset 属性设置初始显示位置, 支持 string 与 array 类型。
:::
::: title 尺寸拉伸 :::
::: demo 通过 resize 属性开启窗体拉伸, 默认为 false。
:::
::: title 远程窗体 :::
::: demo 你可以使用 layer 展示其他网站页面, 只需要设置 type 属性为 2, content 属性设置为指定页面的链接。
:::
::: title 定义操作 :::
::: demo 通过 btn 属性定义弹层底部操作。
:::
::: title 关闭遮盖 :::
::: demo 通过 shade 属性设置开启遮盖层, shadeClose 属性用于指定在点击遮盖层时是否关闭对应窗体。
:::
::: title 关闭标题 :::
::: demo
关闭标题 内容:::
::: title 函数调用 :::
::: demo 你可以通过 lay-layer 标签来创建弹, 亦可以通过 layer.open 方法来唤起一个弹出层。
:::
::: 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 | 按钮 格式:{text:"",callback:function(){}} | -- |
| btnAlign | 按钮布局 | l r c |
| anim | 入场动画 | 0 - 6 |
| isOutAnim | 关闭动画 | true false |
| success | 显示回调 | -- |
| close | 关闭回调 | -- |
:::
::: contributor modal :::
::: previousNext modal :::