1.加载引用说明

1.1、模块化加载（按需）
引入两个文件：
./layui/css/layui.css
./layui/layui.js
则必须使用layui.use来加载需要的模块。

1.2、非模块化加载（一次性）
引入两个文件：
./layui/css/layui.css
./layui/layui.all.js
不用layui.use来加载。

2.加载方式1，加载框按照自定义时间消失

自定义时间，让加载框消失

icon：图标
shade：透明度，值：【0-1】
time：消失时间，毫秒

layer.msg('Loading...', {
  icon: 16   
  , shade: 1
  , time: 5000
});
1
2
3
4
5

加载框效果图

3.加载方式2-加载框执行完，一秒后消失

• layer.close(loading); //按照loading变量关闭加载框，所有一般申明loading时候要全局的
• layer.closeAll(‘loading’); //关闭所有的加载框
• Loading… 这里可以写加载的提示

//放到页面加载时候
var loading = layer.load('Loading...', {
  shade: [0.3,'red'] //0.1透明度  red红色背景
});

//以下内容放到所有执行完后
setTimeout(function (data) {
  //最后数据加载完 让 loading层消失
  //layer.close(loading);
  layer.closeAll('loading');
}, 500);
1
2
3
4
5
6
7
8
9
10
11

4.官方解释

官方layer详解

---

5.好的html源码下载

🧡💛💚💙💜【总览】程序员前端、后端资源合集

🧡💛💚💙💜【博主推荐】JAVA SSM框架的后台管理系统（附源码）

🧡💛💚💙💜【博主推荐】SpringBoot API接口对数据库增删改查,路由,TOKEN,WebSocket完整版(附源码)

🧡💛💚💙💜【博主推荐】HTML制作一个美观的个人简介网页（附源码）

🧡💛💚💙💜【博主推荐】html好看的个人简历网页版(附源码)

🧡💛💚💙💜【博主推荐】html好看的个人主页(附源码)

🧡💛💚💙💜【博主推荐】html好看的邀请函(附源码)

🧡💛💚💙💜【博主推荐】html好看的音乐播放器(附源码)

🧡💛💚💙💜【博主推荐】html好看的拼图小游戏(附源码)

🧡💛💚💙💜【博主推荐】html好看的拼图验证码(附源码)

🧡💛💚💙💜【博主推荐】html界面绘制SVG图形(附源码)

🧡💛💚💙💜【博主推荐】html操作SVG图(附源码)

🧡💛💚💙💜【博主推荐】html下拉框树形（附好看的登录界面）

🧡💛💚💙💜【博主推荐】HTML5响应式手机WEB(附源码)

🧡💛💚💙💜【博主推荐】大数据可视化大屏(源码下载)

🧡💛💚💙💜【博主推荐】html引用百度地图定位闪烁弹框树形(附源码)

🧡💛💚💙💜【博主推荐】HTML酷炫动画表白求爱界面(附源码)