安裝教程

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;   
        }
});

效果圖