1.导入css样式
<link rel="stylesheet" href="https://www.3ftc.com/theme/layui/css/layui.css" media="all"> <link rel="stylesheet" href="https://www.3ftc.com/theme/sys/style/admin.css" media="all">2.导入js
<script src="https://www.3ftc.com/theme/layui/layui.js"></script>3.html
<button class="layui-btn layuiadmin-btn-forum-list" data-type="add">发布商品</button>4.js
layui.config({ base: 'https://www.3ftc.com/theme/sys/js/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'table', 'upload'], function(){ var $ = layui.$ ,form = layui.form ,table = layui.table ,upload = layui.upload; //事件 var active = { add: function(){ layer.open({ type: 2 // 0：信息框，默认 1：页面层 2：iframe层 3：加载层 4：tips层 ,title: '添加商品' ,content: '${ROOT}/sys/goods/form' ,maxmin: false ,area: ['800px', '550px'] ,btn: ['确定', '取消'] ,yes: function(index, layero){ var iframeWindow = window['layui-layer-iframe'+ index] ,submitID = 'LAY-food-submit' ,submit = layero.find('iframe').contents().find('#'+ submitID); //监听提交 iframeWindow.layui.form.on('submit('+ submitID +')', function(data){ var c = iframeWindow.layui.layedit.getContent(index); data.field.remark = c; var field = data.field; //获取提交的字段 $.ajax({ url:"${ROOT}/sys/goods/save", data:field, type:'post', dataType:'json', success:function(json) { if(json.code == 0) { layer.msg(json.msg, { icon: 1, time: 2000 }); $(".layui.table").not('.header').parents('tr').next().remove(); setTimeout(function () { window.location.href = "${ROOT}/sys/goods/list"; }, 1500); layer.close(index); //关闭弹层 } else { layer.msg(json.msg); } } }); }); submit.trigger('click'); } }); }, }; $('.layui-btn').on('click', function () { var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); }); });