layer的loading加载中

最新推荐文章于 2024-07-20 09:18:50 发布

蔡定努

最新推荐文章于 2024-07-20 09:18:50 发布

阅读量2.5w

点赞数 1

分类专栏： # layui 文章标签： layui layer

本文链接：https://blog.csdn.net/caidingnu/article/details/88783194

版权

layui 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<button type="button" id="a" class="layui-btn layui-btn-danger">加载1</button>
		<button type="button" id="b" class="layui-btn layui-btn-radius">加载2</button>
	</body>
	<script type="text/javascript">
		layui.use(['layer', 'jquery'], function() {
			var layer = layui.layer,
				$ = layui.jquery;
			//loading层

// 第一种
			$("#a").click(function() {
				layer.closeAll()
				 index = layer.load(1, {
					content: '数据加载中',
					shade: [0.4, '#393D49'],
					// time: 10 * 1000,
					success: function(layero) {
						layero.css('padding-left', '30px');
						layero.find('.layui-layer-content').css({
							'padding-top': '40px',
							'width': '70px',
							'color':'white',
							'background-position-x': '16px'
						});
					}
				})
			});
			
			// 第二种
			$("#b").click(function(){
				layer.closeAll()
				layer.msg("加载中",{
					icon:16,
					time:-1
				})
			})

		})
	</script>
</html>