layui 兼容人类正在使用的全部浏览器（IE6/7 除外），可作为 Web 界面速成开发方案。

下载引用

官网首页下载

你可以在我们的 官网首页 下载到 layui 的最新版，它经过了自动化构建，更适合用于生产环境。目录结构如下：

  1. layui/
  2. ├─css
  3. │ └─layui.css # 核心样式库
  4. └─layui.js # 核心模块库

Git 下载

你也可以通过 GitHub 或 Gitee 下载 released 版本。或者直接下载整个仓库，以便进行二次开发。也可以 Fork layui 参与项目。

  1. npm 下载
  2. npm i layui

第三方 CDN 方式引入：

  1. <!-- 引入 layui.css -->
  2. <link href="//unpkg.com/layui@2.7.6/dist/css/layui.css" rel="stylesheet">

  4. <!-- 引入 layui.js -->
  5. <script src="//unpkg.com/layui@2.7.6/dist/layui.js">
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <title>开始使用 layui</title>
  12. <link href="./layui/css/layui.css" rel="stylesheet">
  13. </head>
  14. <body>

  16. <!-- 你的 HTML 代码 -->

  18. <script src="./layui/layui.js"></script>
  19. <script>
  20. layui.use(['layer', 'form'], function(){
  21. var layer = layui.layer;
  22. var form = layui.form;

  24. layer.msg('Hello World');
  25. });
  26. </script>
  27. </body>
  28. </html>