Layui 内置方法 - layer.config(初始化全局配置)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/89447191

这是一个可以重要也可以不重要的方法,重要的是,它的权利真的很大,尤其是在模块化加载layer时,你会发现你必须要用到它。它不仅可以配置一些诸如 路径、加载的模块,甚至还可以决定整个弹层的默认参数。而说它不重要,是因为多数情况下,你会发现,你似乎不是那么十分需要它。

如果您是采用seajs或者requirejs加载layer,你需要执行该方法来完成初始化的配置。比如:
layer.config({
  path: '/res/layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录
});
//这样的话,layer就会去加载一些它所需要的配件,比如css等。  
//当然,你即便不用seajs或者requirejs,也可以通过上述方式设定路径          
如果你是采用<script src="?a.js&layer.js">这种合并的方式引入layer,那么您需要在script标签上加一个自定义属性merge="true"。如:
<script src="?a.js&layer.js" merge="true">
这样的话,layer就不会去自动去获取路径,但你需要通过以下方式来完成初始化的配置
layer.config({
  path: '/res/layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录
});

注意:如果采用 layui 加载 layer,无需设置 path。所以前置工作都是自动完成。

但layer.config的作用远不止上述这样。它还可以配置层默认的基础参数,如:
layer.config({
  anim: 1, //默认动画风格
  skin: 'layui-layer-molv' //默认皮肤
  …
});
//除此之外,extend还允许你加载拓展的css皮肤,如:
layer.config({
  //如果是独立版的layer,则将myskin存放在./skin目录下
  //如果是layui中使用layer,则将myskin存放在./css/modules/layer目录下
  extend: 'myskin/style.css'
});
//具体的皮肤定制,可以参见:skin参数说明      

猜你喜欢

转载自blog.csdn.net/qq_20042935/article/details/89447191
今日推荐