layui

使用

1. 下载

2. 解压到需要使用的目录下

3. 在使用的文件中加入下面语句（注意路径）

   <link rel="stylesheet" href="layui/css/layui.css">
   <script src="layui/layui.js"></script>
   

布局

1. 栅格

我们将容器进行了 12 等分，预设了 4*12 种 CSS 排列类，它们在移动设备、平板、桌面中/大尺寸四种不同的屏幕下发挥着各自的作用。（可以设置多属性，在不同设备会显示不同效果）
注意：

1. 放在container中，container对于四种不同尺寸的的屏幕有不同大小的空间。可以加class属性，将容器铺满
2. 栅格可在内部继续分割

2.加载图标

在请求前添加（当前弹出层是禁止操作的）

var loading = layer.load(1, {
    shade: [0.5,'#fff'] //0.5透明度的白色背景
});

在后台返回成功或者失败中添加

layer.close(loading);

3.刷新页面

 window.location.reload();

4.设置输入框光标颜色

//以白色为例（若不设置默认跟字体颜色一致）
input{
    caret-color:white;
}

5.layui中定义函数

//第一种
window.hello = function(obj) {
	layer.msg("hello world,"+obj);
}
//第二种
$("#test").click(function(){
	hello("张三");
});