4 Star 29 Fork 8

Angel-小强 / LayUI.drawer抽屉栏组件

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

LayUI.drawer抽屉组件

介绍

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">&#xe615;</i>搜索', '重置'],
        success = function (layero, index) {
                
        },
        btn1: function (index, layero) {
            
        },
        btn2: function (index, layero) {
             $(layero).find("form")[0].reset();//重置
             return false;   
        }
});

效果图

输入图片说明 输入图片说明

特技

  1. 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
  2. Gitee 官方博客 blog.gitee.com
  3. 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
  4. GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
  5. Gitee 官方提供的使用手册 https://gitee.com/help
  6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/

空文件

简介

暂无描述 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/fkdexq/LayUI.drawer.git
git@gitee.com:fkdexq/LayUI.drawer.git
fkdexq
LayUI.drawer
LayUI.drawer抽屉栏组件
master

搜索帮助