Layui-layer弹出层

开发工具与关键技术：vs mvc

撰写时间：2019年6月 15日
随着对layui更深度的使用后，愈发觉得这插件的好用，就拿layer来说，也就是弹出层，layer听起来像另外一个插件的名字，但layer也有独立的版本，其实layer只是layui中的一个重要点的模块，对于后端来说，用到的交互比较多，所以就避免不了要使用弹出层为载体来进行和用户的交互。
那么layer可以作为独立组件使用，也可以在layui中使用，如果是在layui中使用就引入layui的css和js就可以使用了。示例：
layui.use(‘layer’, function(){
var layer = layui.layer;

layer.msg(‘你好’);
});
在layui的弹出层基础参数中已经有了很多的配置项，有键值对形式的，也有内置方法。新版本中已经无需通过layer.config来加载扩展模块。
Type-基本层类型
类型：Number 。layer提供了5种类型，0（信息框，默认） 1（页面层） 2（iframe层）3（加载层） 4（tips层）
Title-标题
类型：string/array/bolean,默认：‘信息’，title支持三种类型的值
Content-内容
类型：string /DOM/array ，content可传入的值是灵活多变的，除了普通的html内容，还可以指定DOM 等等… Skin-样式
可以让你的弹出层风格多变，目前：layui-layer-lan layui-layer-molv
Area-宽高 offset-坐标，这些都是可以自己去自定义的，在layui的开发文档中也有着比较详细的说明。
为了让交互看起来更有趣些，就有了图标。信息框和加载层私有参数，默认可以传入0-6 这七个数字代表不同的图标。
Btn-按钮
类型：string array，默认：’确认’
在信息框模式，btn默认是一个确认按钮，其它类型默认不显示，加载层和tips层无效。当想自定义按钮时，可以btn：‘好的’，两个就给个大括号，示列：
layer.confirm(‘纳尼？’, {
btn: [‘按钮一’, ‘按钮二’, ‘按钮三’] //可以无限个按钮
,btn3: function(index, layero){
//按钮【按钮三】的回调
}
有了按钮就要给它排下序，在layer的文档中也有对应的配置项，btnAlign-按钮排列。是string类型，默认是右对齐，还可以左对齐，居中对齐。
说了这么多的配置项，还有内置方法要说一下，那么在layer中layer.config(options)是初始化全局变量，
Layer.config({
Anim:1,
Skin:’layui-layer-molv’
})除此之外还可以扩展css皮肤，总之layer.config的使用方法有时挺好用的。
Layer.ready(callback)—初始化就绪
在layer中内置了轻量级加载器，但是加载总是要有个过程的，所以在你打开页面就要执行弹层时，就用到了这个初始化加载
layer.ready(function(){
layer.msg(‘很高兴’);
});
最后说下layer.open(options)-原始核心方法
不管使用哪种方式创建层，大都是layer.open(),创建任何类型弹层都会返回一个当前层索引， var index=layer.open({ content:’test’
});//拿到index是重要凭据，它是close等方法的必传参数。
那么就介绍到这了，这主要就是说一下layer弹出层。