进入网站小程序编辑器界面，在编辑器左侧工具栏的组件中将『模态框』拖动到界面里，然后在右侧工具栏中点击『设置条件』来为模态框的渲染设置条件，例如 test === 1，然后可以设置按钮等其他组件在点击时将变量设置为 1，即可使模态框满足展示条件正常显示出来。

当在右侧工具栏的『数据』中勾选 『点击遮罩层关闭』后，当模态框显示出来时，点击模态框周围的暗色区域即可使模态框隐藏。

模态框默认是展示一个空白的容器，可以往里面添加其他组件来填充模态框的内容。