搜索组件模块
grid 栅格布局
layout admin 布局
color 颜色
iconfont 字体图标
font 字体大小 颜色
animation 动画
button 按钮
form 表单组
input 输入框
select 下拉选择框
checkbox 复选框
switch 开关
radio 单选框
textarea 文本域
nav 导航菜单
menu 基础通用菜单
breadcrumb 面包屑
tabs 选项卡
progress 进度条
panel 面板 / card
collapse 折叠面板/手风琴
table 表格元素
badge 徽章
timeline 时间线
blockquote 引用块
fieldset 字段集
hr 分割线
layer 弹出层/弹窗综合
laydate 日期时间选择器
laypage 分页
laytpl 模板引擎
table 数据表格
form 表单模块
upload 文件/图片上传
dropdown 下拉菜单
contextmenu 右键菜单
transfer 穿梭框
tree 树形菜单
colorpicker 颜色选择器
element 常用元素操作
slider 滑块
rate 评分
carousel 轮播/跑马灯
layedit 富文本编辑器
flow 信息流/图片懒加载
util 工具集
code 代码文本行修饰
layim
layuiadmin
-

常见问题

本篇将主要讲解使用过程中普遍遇到的“问题”,并非是 BUG,通常是需要我们自己去注意的一些点。(持续补充)
哪里有 layui 未压缩源代码?

之所以在下载包里没有提供未压缩的源代码,是为了方便直接用于生产环境。layui 源代码可通过以下平台获取:

应该如何加载模块?

JScode

  1. layui.use(['layer', 'form', 'element'], function(){
  2. var layer = layui.layer
  3. ,form = layui.form
  4. ,element = layui.element
  5. //……
  6. //你的代码都应该写在这里面
  7. });
为什么表单不显示?

当你使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但如果您的表单元素是动态添加的,那么在组件初始加载的时候是无法读取到的,这是你只需执行一个视图渲染的实例即可。#详见说明

JavaScriptcode

  1. layui.use('form', function(){
  2. var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  3. //……
  4. //如果你的 HTML 是动态生成的,自动渲染就会失效
  5. //因此你需要在相应的地方,执行下述方法来进行渲染
  6. form.render();
  7. });

同理的还有 element 模块

遇到各种问题怎么办?

求助 Gitee 开发者社区,抱团取暖

Issues



layui - 在每一个细节中,用心与你沟通