LayUI笔记

LayUI

简介

LayUI与EasyUI类似，都封装了JQuery和一套完整的组件样式。它是国产的一个前端框架，使用起来门槛更低，上手更快

布局

类似BootStrap的栅格布局，支持响应式

使用步骤

第一步：引入LayUI相关的JS、CSS

<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>

第二步：添加样式、或者引入JS模块

LayUI中的组件分为两种：

• 一种不要引入单独的模块，直接给原生的DOM添加class样式即可，比如按钮、小图标（印章）
• 另一张需要引入LayUI相关的模块，比如layer

组件分类

需要引入LayUI相关模块才能使用的

只添加class样式就可以使用的

后台开发常用组件

表格组件

Tab标签页

面板

弹出层

树形组件

轮播图

导航菜单

表单相关组件

面包屑导航条