外部如调用layui中的组件_详解layui.layer独立组件

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。

目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。

使用场景：

由于layer可以独立使用，也可以通过Layui模块化使用。所以请按照你的实际需求来选择

1、作为独立组件使用layer引入好layer.js后，直接用即可

layer.msg('hello');

2、在layui中使用layerlayui.use('layer', function(){

var layer = layui.layer;

layer.msg('hello');

});

除了上面有所不同，其它都完全一致。

基础参数：

我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ''})layer.msg('', {time: 3})等，其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要所有都去配置，大多数都是可选的。而其中的layer.open、layer.msg就是内置方法。注意，从2.3开始，无需通过layer.config来加载拓展模块

type - 基本层类型

类型：Number，默认：0

layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用，则type为必填项(信息框除外)

title - 标题

类型：String/Array/Boolean，默认：'信息'

title支持三种类型的值，若你传入的是普通的字符串，如title :'我是标题'，那么只会改变标题文本；若你还需要自定义标题区域样式，那么你可以title: ['文本', 'font-size:18px;']，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false

content - 内容

类型：String/DOM/Array，默认：''

content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。譬如：/!*

如果是页面层

*/

layer.open({

type: 1,

content: '传入任意的文本或html' //这里content是一个普通的String

});

layer.open({

type: 1,

content: $('#id')

//这里content是一个DOM，注意：最好该元素要存放在body最外层，