首页 > 技术文章 > layer框架弹出层美化

webwangjie 2018-07-19 16:10 原文

一、引入

1、将layer文件夹放在项目文件夹里,layer的样式可以自己修改,也可以到官网http://www.layui.com/下载已有的方案

2、layer依赖Jquery,必须先引入Jquery

3、layer要在页面的js文件之前引入

二、使用

1、layer.alert(‘内容’);//弹出内容

2、layer.confirm() 

相对于window.confirm方法layer.confirm是非阻塞的,所以需要执行的事件必须放在layer.confirm内部的回调函数中,否则会在选择之前执行

例如:

layer.confirm('你确定要清空购物车吗?', {

  btn: ['确定','取消'] //按钮

  }, function(){

    layer.msg('购物车已清空'); //按确定后回馈

  }, function(){

    layer.msg('已取消'); //按取消后回馈

  }

);

推荐阅读