Layui介绍

Layui 是一款采用自身模块规范编写的轻量级国产前端UI框架，大部分结构支持响应式，门槛极低，拿来即用。

下载Layui文件

推荐直接从官网下载，下载地址：http://cdn.layui.com/layui/layui-v1.0.8.zip

├─css //css目录

│ └─modules //模块css目录（一般如果模块相对较大，我们会单独提取）

│ ├─laydate

│ ├─layer

│ │ └─default

│ └─layim

│ └─skin

├─font //字体图标目录

├─images //图片资源目录（一些表情等）

│ └─face

└─lay //JS目录

├─dest //经过合并的完整模块

└─modules //各模块/组件

快速上手

获得layui后，将其完整地部署到你的项目目录（或静态资源服务器），你只需要引入下述两个文件：

./layui/css/layui.css

./layui/layui.js

这样加载的方式不用去管其他任何文件。因为各模块文件都是在最终使用到的时候才会自动加载。

在项目中的目录

编写HTML代码：

代码实例

启动应用

浏览器打开网址：http://localhost:8080/layui.html

弹出框5秒后消失

规范化的用法（推荐）

推荐你遵循Layui的模块规范，建立一个自己的模块作为入口：

• 新建目录js和index.js文件

新建目录js和index.js文件

• 在index.js中添加如下代码
  

index.js中的代码

• 修改layui.html中的代码

  

  修改后的代码

  刷新浏览器即可！！