谈谈layer弹窗自定义样式，防止样式冲突问题(实习第七天)

JesusAllen30

于 2016-12-13 21:01:32 发布

阅读量1.1w

点赞数 1

分类专栏：必备UI框架

本文链接：https://blog.csdn.net/DOCALLEN/article/details/53613186

版权

当页面中存在多个layer弹窗并需自定义样式时，容易引发样式冲突。通过在自定义class前添加'skin'前缀，如'skin-addFri'，可以有效避免这个问题。推荐使用此方法，简单且经过测试验证。

摘要由CSDN通过智能技术生成

如果在一个页面中存在两个以上的layer弹窗，那么当我们修改其中一个弹窗的默认样式的话，其他的弹窗就会受到影响，今天就来谈谈怎么样去避免样式冲突。

layer自定义弹窗样式

问题情境：

在一个全局页面中存在多个layer.open({});

layer.open({
                 type: 2,
                 title: '创建群',
                 area: ['520px', 'auto'],
                 fixed: false, //不固定
                 maxmin: true,
                 shade: 0,
                 skin: 'layui-layer-rim',
                 content: ['index1.html','no'</