基础说明 开始使用 Getting Started 底层方法 基础支撑 页面元素 规范 公共类 属性 模块规范 使用 扩展 常见问题 FAQ 更新日志 changelog layui下载 down 开始使用 Getting Started 页面元素 布局 栅格 后台管理布局 颜色 主色调 颜色搭配 图标 iconfont 字体图标 动画 内置 CSS3 动画 按钮 button 表单 form 元素集合 导航 nav 面包屑 菜单 menu 基础菜单 选项卡 Tabs 切换 进度条 progress 面板 panel 卡片 折叠 表格 静态 table 徽章 小圆点 小边框 时间线 timeline 辅助 引用 字段集 横线等 图标 iconfont 字体图标 内置模块 弹出层 layer 日期与时间选择 laydate 分页 laypage 模板引擎 laytpl 数据表格 table 表单 form 文件上传 upload 下拉菜单 dropdown 穿梭框 transfer 树形组件 tree 颜色选择器 colorpicker 常用元素操作 element 滑块 slider 评分 rate 轮播 carousel 流加载 flow 工具组件 util 代码高亮显示 code 富文本编辑器 layedit 日期与时间选择 laydate 颜色选择器 colorpicker 4. 第三方 CDN 方式引入： 如果你将 layui 下载到了本地，那么可将其完整地放置到你的项目目录（或静态资源服务器），这是一个基本的入门页面： layui 定义为「经典模块化」，并非是自吹她自身有多优秀，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！ 她的所谓经典，是在于对返璞归真的执念 ，她以当前浏览器普通认可的方式去组织模块！我们认为，这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的绝佳指引。所以 layui 本身也并不是完全遵循于 AMD 时代，准确地说，她试图建立自己的模式：

没错，她具备早前 AMD 的影子，又并非受限于 CommonJS 的那些条条框框，layui 认为这种轻量的组织方式，比WebPack更符合绝大多数场景。所以她坚持采用经典模块化，也正是能让人避开工具的复杂配置，回归简单，安静高效地编织原生态的 HTML/CSS/JS。 但是 layui 又并非是 RequireJS 那样的模块加载器，而是一款 UI 解决方案，与 BootStrap 的不同又在于：layui 糅合了自身对经典模块化的理解。这使得你可以在 layui 组织的框架之内，以更具可维护性的代码、去更好的编织丰富的用户界面。 您可以遵循 layui 的模块规范建立一个入口文件，并通过 layui.use() 方式来加载该入口文件，如下所示： 从 layui 2.6 开始 ，如果你引入的是构建后的 layui.js ，里面即包含了 layui 所有的内置模块，无需再指定内置模块。如： 除了使用 layui 的内置模块，必不可少也需要加载扩展模块（可以简单理解为符合 layui 模块规范的 JS 文件）。我们假设你的项目中存放了很多个扩展模块，如下所举： 上述扩展模块在经过了一定的模块依赖关系后，同样可以合并为一个文件来加载。我们可以借助 Gulp 将上述的 mod1、mod2、mod3、main 等扩展模块构建合并到一个模块文件中： main.js ，此时你只需要加载它即可： 可以看到，这样我们最多只需要加载两个 JS 文件： layui.js、main.js 。这将大幅度减少静态资源的请求。 Layui官网（www.layui.com）于2021年10月13日下线，本站前端采用 Layui ，固保留 layui文档 。 layui 相关权益与本站毫无关系，本站只是万千Layui用户中的一员而已，您有任何疑问请在 码云 直接向作者提问。 湖南唯凡网络科技有限公司 · © 2013~2026 SOJSON.COM 湘公网安备 43019002001606号 湘ICP备19009812号-21