layui loading
1.首先确定layui1-1.引入layui.js等所需,或者在项目里layui.use(['layui','jquery'],function(){})等,先排除粗心大意造成的问题2.直接上代码layui.use(['layer', 'form', 'table', 'admin', 'ax', 'func','jquery'], function () {var $ = layui.jquer
·
先上个效果图,
1.首先确定layui
1-1.引入layui.js等所需,或者在项目里layui.use(['layui','jquery'],function(){})等,
先排除粗心大意造成的问题
2.直接上代码
layui.use(['layer', 'form', 'table', 'admin', 'ax', 'func','jquery'], function () {
var $ = layui.jquery;
var table=layui.table;
var loading = layer.load(2, {
shade: [0.8, '#fff'],
content:'正在加载,请耐心等待......',
success: function (layerContentStyle) { // 设置loading样式
layerContentStyle.find('.layui-layer-content').css({
'padding-left': '45px',
'text-align': 'left',
'width': '175px',
'line-height':'30px'
});
}
});
});
3.最后一步在项目里数据及元素加载完毕以后(可以根据请求自动计算时间哦)
layer.close(loading); // 关闭loading
更多推荐
已为社区贡献2条内容
所有评论(0)