layui执行操作的时候弹出等待框--亲测可用

最新推荐文章于 2022-06-23 10:56:19 发布

原创最新推荐文章于 2022-06-23 10:56:19 发布 · 873 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用Layer.js库创建加载事件和消息提示的方法。通过具体函数实现，如showLoad()用于显示加载中消息，closeLoad()用于关闭加载提示，showSuccess()则在操作成功后显示提示信息。这些功能对于提升用户体验和页面交互效果至关重要。

一、创建事件方式

  function showLoad() {

    return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000});
    
}

function closeLoad(index) {
    layer.close(index);
    
}
function showSuccess() {
    layer.msg('执行成功！',{time: 1000,offset: 'auto'});
   
}