Layui load层加一些文字提示

_徐林

于 2020-09-16 11:59:10 发布

阅读量3.1k

点赞数 2

分类专栏： js html

本文链接：https://blog.csdn.net/TestDatas/article/details/108619469

版权

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

html

3 篇文章

订阅专栏

本文介绍如何在Layui的load加载层中添加文字提示信息，以提升用户体验。通过设置load层参数，我们可以自定义加载时显示的文本，使用户明确知道系统当前状态。

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

window.onload = function () {
            var index1 = layer.load(1, {
                shade: [0.1, '#fff'],
                content: '<span class="loadtip">正在登录</span>', 
                success: function (layer) {
                layer.find('.layui-layer-content').css({
                    'padding-top': '40px',
                    'width': '100px',
                });
                layer.find('.loadtip').css({
                    'font-size':'20px',
                    'margin-left':'-18px'
                });
                }
            });



            var index2 = layer.load(3, {
                shade: [0.1, '#fff'],
                content: '<span class="loadtip">加载中</span>', 
                success: function (layer) {
                layer.find('.layui-layer-content').css({
                    'padding-top': '30px',
                    'width': '100px',
                });
                layer.find('.loadtip').css({
                    'font-size':'18px',
                    'margin-left':'5px'
                });
                }
            });
        }