大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章将为大家详细讲解有关使用layer怎么更改皮肤,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联是一家业务范围包括IDC托管业务,网站空间、主机租用、主机托管,四川、重庆、广东电信服务器租用,电信内江机房,成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。
使用方法如下:
在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部分的样式,就设置:'body'+空格+自定义的class名+'layui-layer-title'的css样式,如果要设置主体窗口的样式就设置:'body'+空格+自定义的class名+'layui-layer-content'。
关于使用layer怎么更改皮肤就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。