Layer页面层实现原理

使用layui框架实现页面弹出层时，可通过内置的layer模块轻松调用，只需引入相关JS文件并配置参数即可快速创建各类弹窗效果。

1、 启动HBuilderX，新建一个Web项目，创建页面文件后，导入layui的CSS与JavaScript资源文件即可完成基础配置。

2、 在 body 标签内添加一个按钮元素，设置其 class 属性和 data-type 自定义属性。

3、 在按钮下方插入script标签，设置弹出层的各类属性参数。

4、 通过绑定按钮类来监听点击，获取其type属性后触发弹出层功能。

5、 保存代码后运行页面，用浏览器打开即可看到一个按钮。

6、 点击按钮后弹出窗口显示，页面同时浮现遮罩层。