Skip to main content

弹窗（Modal）组件

本文将介绍弹窗（Modal）组件的使用，弹窗选组件功能分【内容】及【样式】两块选项，用户根据自己的需求进行内容的编辑及样式的修改


关于弹窗的使用方法，可以查阅PagePlug文档—弹窗内容

一、内容

1、属性​

1.1 加载时显示动画​

点击旁边的JS图标可以自行编写代码，通过True/False来控制是否开启该功能

可以控制弹窗组件在数据加载渲染的时候是否显示动画效果

1.2 点击背景关闭​

可以控制用户在点击弹窗以外的内容时，是否支持关闭弹窗

1.3 高度​

该功能可以配置弹窗组件的高度大小

名称描述
固定高度通过拖拽边框来控制组件的大小，使其固定不变
自动高度组件根据画布内容及其他情况可以自行动态调整
区间自动高度与自动高度差不多，支持设置组件占用的最小、最大行数

2、事件​

2.1 onClose​

点击旁边的JS图标可以自行编写代码

可以设置用户关闭弹窗时触发的事件动作

二、组件属性

弹窗组件支持多种属性供用户灵活开发，后面将挑选几个常用属性进行描述

如需了解更多，可以在画布中拖入一个text文本组件，可以看下面的示例

2.1 isVisible​

该属性可以反应组件的可见状态，是True还是False，可以看下面的示例：

{{Modal1.isVisible}}