独立组件 社区

jQuery-plugin-layer(弹出层插件)官方演示与讲解

layer首页 文档手册 快速上手 更多示例 new layer mobile +我要发布皮肤
第三方皮肤非layer官方提供,由贡献方单独维护

skin: 'layer-ext-moon'

作者: 隐 下载

skin: 'layer-ext-espresso'

作者: Espresso 下载

skin: 'layer-ext-seaing'

作者: 隐 下载

  
layer提供了强健的皮肤扩展接口,这意味着如果你对layer默认的样式不太满意,你还有更多的选择。

第一步:存放
将您下载的皮肤包(假设文件夹名为:myskin)解压。
如果是独立版的layer,则将myskin存放在skin目录下
如果是layui中使用layer,则将myskin存放在css/modules/layer目录下

第二步:使用
1. 全局配置
layer.config({
  extend: 'myskin/style.css', //加载新皮肤
  skin: 'layer-ext-myskin' //一旦设定,所有弹层风格都采用此主题。
});

2. 局部使用
layer.config({
  extend: 'myskin/style.css' //同样需要加载新皮肤
});

//单个使用
layer.open({
  skin: 'layer-ext-myskin' //只对该层采用myskin皮肤
});

//也就是说,无论你全局还是局部,都要通过layer.config的extend来加载样式。