美文网首页
layui loading窗口

layui loading窗口

作者: 负15厘米的爱 | 来源:发表于2019-05-10 15:14 被阅读0次

    1.引入js
    <link href="../scripts/layui/css/layui.css" rel="stylesheet" />
    <script src="../scripts/layui/layui.all.js"></script>

    首先定义一个fales true
    function showloading(t) {
                if (t) {//如果是true则显示loading
                    console.log(t);
    //1。              
      loading = layer.load(1, {
                        shade: [0.1, '#fff'] //0.1透明度的白色背景
                    });
    //1.end 
    //2.带文字的
    var loadingIndex = layer.load(2, { //icon支持传入0-2
        shade: [0.5, 'gray'], //0.5透明度的灰色背景
        content: '加载中...',
        success: function (layero) {
            layero.find('.layui-layer-content').css({
                'padding-top': '39px',
                'width': '60px'
            });
        }
    });
    //2 end
                } else {//如果是false则关闭loading
                    console.log("关闭loading层:" + t);
                    layer.closeAll('loading');
                }
            }
    

    相关文章

      网友评论

          本文标题:layui loading窗口

          本文链接:https://www.haomeiwen.com/subject/cxhgoqtx.html