layer的学习与使用

  • Post author:
  • Post category:其他





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当前层索引


。如:



版权声明:本文为bj123467原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。