layui 的简单使用

layui

弹出层

使用方式：重点！！！

1. 作为独立组件使用	如果你只是单独想使用 layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。	通过script标签引入layer.js后，直接用即可。 参考：快速上手
2. layui 模块化使用	如果你使用的是 layui，那么你直接在官网下载 layui 框架即可，无需引入 jQuery 和 layer.js，但需要引入layui.css和layui.js	通过layui.use(‘layer’, callback)加载模块

作为独立组件使用 layer
引入好layer.js后，直接用即可
<script src="layer.js"></script>
<script>
layer.msg('hello'); 
</script>

在 layui 中使用 layer
layui.use('layer', function(){
  var layer = layui.layer;
  layer.msg('hello');
});

msg

layer.msg('只想弱弱提示');
layer.msg('有表情地提示', {icon: 6});
layer.msg('关闭后想做些什么', function(){
  //do something
}); 
layer.msg('同上', {
  icon: 1,
  time: 2000 //2秒关闭（如果不配置，默认是3秒）
})

alert

//eg1
layer.alert('只想简单的提示');        
//eg2
layer.alert('加了个图标', {icon: 1}); //这时如果你也还想执行yes回调，可以放在第三个参数中。
//eg3
layer.alert('有了回调', function(index){
  //do something
  
  layer.close(index);
});    

官方文档