layui的layer弹出层总结

博客介绍了Layui中layer组件的使用,如layer.open、layer.msg等方法。说明了layer.open可通过更换type值展示不同类型弹出层,layer.msg为透明弹出层。还提及了shade、id、zIndex的设置,以及按钮class值的规律等内容。
  1. 可以使用layer.open,也可以使用layer.msg或者layer.alert,layer.confirm,layer.tips,layer.prompt,layer.tabs,layer.photos。
    区别:layer.open可以更换不同类型的弹出层,只要更换type的值(1-4);
    layer.msg只可以是透明的弹出层

  2. 如果不写shade,那么默认有shade,并且不可以点击除了弹出层外的任何东西。
    如果不想要shade,那么可以设定shade:0或者shadeClose:true。

  3. 设定id,就可以实现不重复打开弹出层,可以随意设置id的值,layui规定为string。发现了一个问题,就是如果这个值是某个DOM元素的class或者id值并且使用了作为选择器的事件执行,那么layer弹出层不出来了。

  4. zIndex: layer.zIndex不变就行

  5. layer的layui-layer-btn,yes按钮总是第一个。并且为btn1,但一般不叫btn1。在页面显示class值为layui-layer-btn0,其余的按钮值递增推;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值