layui/example/docs/zh-CN/components/modal.md
2022-02-20 22:15:59 +08:00

6.8 KiB

::: anchor :::

::: 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 :::