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
这里是弹出框主题内容
根据上面的代码,如果要修改title部分的样式,就设置:'body'+空格+自定义的class名+'layui-layer-title'的css样式,如果要设置主体窗口的样式就设置:'body'+空格+自定义的class名+'layui-layer-content'。

你可能感兴趣的:(前端)