LayUI

一.layUI

1.特点：layui属于轻量级框架，简单美观。适用于开发后端模式，它在服务端页面上有非常好的效果；提供给后端开发人员的ui框架，基于DOM驱动。

2.布局容器： class="layui-container"；class="layui-fluid"；

3.栅格系统：定义行   .layui-row；定义列    .layui-col-md*；列边距：.layui-col-space* ；列偏移：layui-col-md-offset*；

4.水平导航：layui-nav；layui-nav-item 表示的是导航的子项；layui-this 表示当前被选中的项；layui-nav-child 表示的是二级菜单；垂直导航    layui-nav layui-nav-tree；侧边导航 layui-nav layui-nav-tree layui-nav-side；导航的主题颜色：layui-bg-颜色；面包屑式导航：layui-breadcrumb；

5.表单：浏览器固定的必填字段：required；需要验证的类型：lay-verify；提供的通用的样式：class="layui-input" ；占据全部宽度：class="layui-input-block" ；占据部分宽度：class="layui-input-inline"；

6.文本框：当文本框为空时，默认显示的文本信息：placeholder；表单元素是否自动填充：autocomplete；

7.通过追加 layui-form-pane 的class，来设定表单的方框风格；

8.分页：加载laypage模块：layui.use("laypage",function(){var laypage = layui.laypage;加载laypage实例};

9.数据表格:方法渲染;准备容器（标签），设置id属性值 ;

10.圆角：layui-btn-radius；图标：<i class="layui-icon">&#x1002</i> 添加;

11.下拉选项框：属性selected可设定默认项；可以通过 optgroup 标签给select分组;通过设定属性 lay-search 来开启搜索匹配功能；