layui的loading加载层添加自定义文本

     前端开发,使用的是layui框架。异步装载数据时,使用layui的loading加载层展示装载效果。而layui默认的loading加载层常用的是切换图标,如下:

    效果如下图:

    1-200H2141I4343.png

    如果给content属性赋值文本,显示效果如下:

    1-200H2141T2Y9.png

    可以看到图标和内容文本重叠到一起了,这时,我们可以通过以下代码将图标和内容文本分开:   

    通过上面的代码,可以看出,主要是在 success 回调方法中,重新设置 content 的样式,让图标和内容文本错开,效果如下:

    1-200H214235H96.png

    另外,我们也可以通过 layer.msg() 方法实现类似的效果,代码如下:

    效果图如下:

    1-200H2142G3Z0.png

你可能感兴趣的:(js,html,css)