吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1937|回复: 1
收起左侧

[其他转载] 【layui】【笔记】页面内容加载时使用layer提示加载中。。。

[复制链接]
soupirerdedame 发表于 2021-3-30 11:35
问题:在查询数据时需要等待一段时间,这时加入提示框提示用户数据正在加载,待数据查询到时,再关闭提示框;并且由于页面使用多个layer,所以需要关闭特定提示框,而不是closeAll。
代码:

[JavaScript] 纯文本查看 复制代码
// 开始显示加载动画
            let index_load = layer.msg('查询数据中,请稍候。。。', { icon:16, time: false, shade: 0.3});
            $.ajax({
                type:'post',
                url:'/qingqiuhoutaishuju',
                success: function (res) {
                    //请求成功结束加载动画
                    layer.close(index_load); //[size=2] 关闭特定提示框[/size]
                 },
error: function (ex) {
                    //请求成功结束加载动画
                    layer.close(index_load);
                    layer.alert('查询失败,请重新选择');
                }
           });


提示框样式:

加载提示

加载提示

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

Su、 发表于 2021-3-30 17:05
这个用这两个都可以 在ajax执行完关闭index就行了
//加载层

var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
//loading层

var index = layer.load(1, {
  shade: [0.1,'#fff'] //0.1透明度的白色背景
});
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 18:37

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表