html弹出层-图层修改皮肤的实现，图层如何使用

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

图层修改皮肤的实现，图层如何使用

layUI的弹出层模块层在使用时有skin属性

皮肤除了允许你传入图层的外部样式类名之外html弹出层html弹出层，还可以传入你自定义的类名。

如果要更改弹出层的标题样式或背景，可以使用该属性。

用法如下：

在layer.open中使用皮肤：

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'+空格+自定义类名+需要更改的弹出层部分的类

弹出层的代码如下：

这里是title

这是弹出的主题内容