首先引入modal模块，如果用模板原有的，则可跳过此步。 ~~~javascript layui.define(['jquery', 'modal''], function(exports) { var $ = layui.jquery, modal = layui.modal; //初始化 modal.init(); exports('main', {}); }); ~~~ 接下来便可在页面元素方便的使用了，如需给按钮绑定相册，给元素加modal-photo样式，用于绑定单击事件，添加data-params属性，用于初始化窗口的配置参数。 ~~~html <div id="layer-photos-demo" class="modal-photo" data-params='{"content":"#layer-photos-demo","anim":5}'> <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名"> <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名"> </div> ~~~ 这里就两个参数，哈哈哈。。。忘了说了，这个没试过，不知能不能用哦。。。。