http://www.layui.com/doc/modules/layer.html
学习的网址(里面的内容很全)
1、首先要引进
layer.js
你需要在你的页面引入
jQuery
1.8以上的任意版本,并引入
layer.js
。
layer.msg(‘Hello layer’);
弹出提示窗口(文字内容就是括号内文字)
L
ayer.open()
也弹出一个弹窗,比上面的更好看
type –
基本层类型
类型:
Number,默认:0
layer提供了5种层类型。可传入的值有:
0
(信息框,默认)
1
(页面层)
2
(
iframe层)
3
(加载层)
4
(
tips层)。 若你采用
layer.open({type: 1})
方式调用,则
type为必填项(信息框除外)
skin –
样式类名
类型:
String,默认:”
skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。这是一个很好的切入点,意味着你可以借助skin轻松完成不同的风格定制。目前layer内置的skin有:
layui-layer-lanlayui-layer-molv
,未来我们还会选择性地内置更多,但更推荐您自己来定义。以下是一个自定义风格的简单例子
area –
宽高
类型:
String/Array,默认:’auto’
在默认状态下,
layer是宽高都自适应的,但当你只想定义宽度时,你可以
area: ‘500px’
,高度仍然是自适应的。当你宽高都要定义时,你可以
area: [‘500px’, ‘300px’]
icon –
图标。信息框和加载层的私有参数
类型:
Number,默认:-1(信息框)/0(加载层)
信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入
0-6
如果是加载层,可以传入
0-2
。如:
success –
层弹出后的成功回调方法
类型:
Function,默认:null
当你需要在层创建完毕时即执行一些语句,可以通过该回调。
success会携带两个参数,分别是
当前层
DOM当前层索引
。如: