layui框架 loading组件的使用总结

layui中文离线文档及版本源码

layui框架 loading插件的使用总结

1、第一种：使用layer.open();

/开始执行程序
某代码块{
var Tip = layer.open({
              shadeClose: false
              ,type: 2
              ,content: '发布中...'
          });

//加载执行某段程序......

//执行程序结束        
layer.close(Tip);
}

2、第二种使用layer.load();

{
	//开始执行
	var Tip= layer.load(1, {
	    shadeClose: false,
	    title: '加载中..',
	    shade: [0.8,'#fff'] //0.1透明度的白色背景
	});
	//执行中
	......
	//执行结束
	layer.close(Tip)
}

3、第三种：使用layer.msg();

{
	//开始执行
	var Tip= layer.msg('加载中..', {
	    icon: 16
	    ,shade: 0.3
	    ,time: false
	});
	执行中...
	//执行结束
	layer.close(Tip);
}