用layer.load做一个ajax提交时候的遮罩层

 

• 实现目标：就是在ajax提交中，还没返回结果的时候，给一个遮罩层，有一个 '正在处理' 的效果！

layer.load(2, {
    shade: [0.5, '#000'],
    content: '正在处理, 请稍后...',
    success: function (layero) {
        layero.find('.layui-layer-content').css({
            'paddingTop': '40px',
            'textAlign': 'center',
            'backgroundPositionX': 'center',
            'color': '#fff',
            'fontSize': '16px',
            'fontWeight': '700',
            'letterSpacing': '2px'
        });
    }
});

 

初步放入页面运行效果如图：