代码拉取完成,页面将自动刷新
LayUI抽屉组件
基于LayUI模块化组件
layui.config({
base: '/js/', //拓展模块的根目录
})
.extend({
drawer: '/drawer/drawer'
});
layui.drawer.render({
title: 'test', //标题
offset: 'r', //r:抽屉在右边、l:抽屉在左边
top: 30, //抽屉顶部距离,默认0
bottom: 30, //抽屉底部距离,默认0
width: "600px", //r、l抽屉可以设置宽度
content: "<div>aaaa</div>",
});
layui.drawer.render({
title: 'test',
offset: 'b', //b:抽屉在底部、t:抽屉在顶部
height: "500px", //b、t抽屉可以设置高度
content: "<div>aaaa</div>",
});
//事件,跟layer的事件一致
layui.drawer.render({
title: 'test', //标题
offset: 'r', //r:抽屉在右边、l:抽屉在左边
width: "600px", //r、l抽屉可以设置宽度
content: $("#highSearchToolBar").html(),
btn: ['<i class="layui-icon"></i>搜索', '重置'],
success = function (layero, index) {
},
btn1: function (index, layero) {
},
btn2: function (index, layero) {
$(layero).find("form")[0].reset();//重置
return false;
}
});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。