layer-ui loading效果几种方式

最新推荐文章于 2025-05-29 14:21:11 发布

原创最新推荐文章于 2025-05-29 14:21:11 发布 · 1.3w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#layer-ui

layui 专栏收录该内容

1 篇文章

订阅专栏

博客给出了layer-ui的加载提示效果代码示例。包括使用layer.msg显示加载中提示，设置灰色弹出蒙版显示加载中并在数据加载完后关闭，以及默认风格加载层并在一定时间后关闭等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//1、layer.msg
layer.msg('加载中', {
  icon: 16
  , shade: 0.01
});
// 2、灰色弹出蒙版显示加载中
var loading = layer.load('加载中...', {
  shade: [0.3,'#fff'] //0.1透明度的白色背景
});
setTimeout(function (data) {
  //最后数据加载完 让 loading层消失
  layer.close(loading);
}, 5000);
//3、加载层-默认风格
layer.load({
    shade: [0.1,'#fff'] //0.1透明度的白色背景
});
setTimeout(function(){
  layer.closeAll('loading');
}, 2000);