layer.js 扩展自己的皮肤 - 傻瓜式教程

1.在layer文件夹下 创建自己命名的文件夹,并创建一个以style开头的.css文件(如下图所示)

body .layer-ext-fo .layui-layer-title{
    background-color: tomato;
    color: #fff;
}
body .layer-ext-fo .layui-layer-btn a{
    border-color: brown;
    background-color: tomato;
    color: #fff;
}

2.全局扩展或单独使用

layer.config({
    extend: 'fo/style.css', //加载新皮肤
    skin: 'layer-ext-fo' //一旦设定，所有弹层风格都采用此主题。
  });

这是效果图

单独使用

 layer.alert('layer扩展皮肤',{skin: 'layer-ext-fo'});