官网下载相关文件,https://www.layui.com/
- ├─css //css目录
- │ │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
- │ │ ├─laydate
- │ │ ├─layer
- │ │ └─layim
- │ └─layui.css //核心样式文件
- ├─font //字体图标目录
- ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
- │─lay //模块核心目录
- │ └─modules //各模块组件
- │─layui.js //基础核心库
- └─layui.all.js //包含layui.js和所有模块的合并文件
jsp页面引入
layui.js和layui.css
<!--layerui引入--> <script src="<%=basePath%>/res/layui/layui.js"></script>
<link type="text/css" rel="stylesheet" href="<%=basePath%>/res/layui/css/layui.css"/>
页面初始化layer对象,在jsp页面才能使用layer对象
<script> //一般直接写在一个js文件中 layui.use(['layer', 'form'], function(){ var layer = layui.layer ,form = layui.form; }); </script>
到这里就引入成功了,在js里想用layer就可以直接使用,比如使用loading加载页面提示
//弹出loading var loading = layer.load(0, { shade: false });
关闭loading
layer.close(loading);