layUI的概述

简单使用
引入css

页面元素规范与说明
css命名规范
class命名前缀: layui ,连接符：-，如：class=“layui-from”
命名格式一般分为两种：
一：layui-模块名-转态或者类型，
二：layUI-转态或者类型。因为有些类并非是某个模块所特有，他们通常会是一些公共类
如：一（定义按钮的原始风格）：class=“layui-btn layui-btn-primary”
二（定义内联块状元素）：class=“layui-inline”
html规范：常用公共属性
因为需要触发不同的工作，这就需要自定义属性

表单
如何实现
在容器中设定class=“layui-from” 来识别一个表单元素块
依赖模块 form

html

属性

如何使用

相关的动态操作
更新渲染
没有双向绑定机制需要执行 form.render(type,filter);方法
1，type:为表单的type类型
form.render()//更新全部
form.render(“select”)//刷新select 选择框渲染
2，filter 为class=“layui-form”所在元素的lay-filter="" 的值

相当于id
监听submit 表单提交事件

表单的验证
只需要在表加上 lay-venify=""属性值即可

按钮

导航

侧导航

面包屑

表格

进度条

后台样式
第一步在boby上引入

开始写导航跟侧导航

如何把侧导航的搞到选项卡上
效果

第一步，需要监听导航事件，所以需要在侧导航上加入lay-filter 当做唯一标识。

需要在ul 里加，因为ul 里包括了 li 的列表一。。。。二。。

ps(加javascript:; 可以先防止跳)
第二步
导入需要的模块

获取操作的文本信息

就是获取到你要操作的文本信息 要加上参数不然不会出来。
第三步 加上data-

后面跟你要跳转的html 还有 layid
第四步 判断获取到值

获取到的是

记得用eval 计算需要的字符串
接着获取到网页和layid

获取所有的选项卡的长度 中间要拼接layid是因为需要获取到这个id 是多少

避免冲突 可以把上面的改成11

接着判断长度如果小于或者等于0 表示当前的选项卡是没有的就加上你点击的列表