layer更改皮肤的实现方法
layUI的弹出层模块layer在使用时有一个skin属性
skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。
如果要改变弹出层的title样式或者背景之类的就可以使用该属性。
使用方法如下:
在layer.open中使用skin:
layer.open({ type:1, title:'变化详情', shadeClose:true, shade:0.8, skin:'layer_bg',//layer_bg是自定义的css样式 area:['1000px','600px'], content:html,//html是之前写好的弹出层html代码的字符串 });
在css中完成skin中用到的css样式:
body.layer_bg.layui-layer-content{ background-color:#eaf3fd; }
上面的css样式中格式是固定的:
'body'+空格+自定义的class名+需要修改的弹出层部分的class
弹出层的代码如下:
这里是title
这里是弹出框主题内容