<p align="center">
<a href="https://layui.github.io/">
<img src="https://unpkg.com/outeres@0.0.6/img/layui/icon-1.png" width="81" alt="Layui">
</a>
</p>
<h1 align="center">Layui</h1>
<p align="center">
Classic modular front-end UI library
</p>
<p align="center">
<a href="https://www.npmjs.com/package/layui">
<img src="https://img.shields.io/npm/v/layui" alt="Version">
</a>
<a href="https://www.npmjs.com/package/layui">
<img src="https://img.shields.io/github/license/layui/layui" alt="License">
</a>
<a href="https://github.com/layui/layui/blob/master/dist/css/layui.css">
<img src="https://img.badgesize.io/layui/layui/master/dist/css/layui.css?compression=brotli&label=CSS Brotli size" alt="CSS Brotli size">
</a>
<a href="https://github.com/layui/layui/blob/master/dist/layui.js">
<img src="https://img.badgesize.io/layui/layui/master/dist/layui.js?compression=brotli&label=JS Brotli size" alt="JS Brotli size">
</a>
</p>
---
Layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约，而内在丰盈，利于实现网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，他们无需涉足各类构建工具，只需面向浏览器本身，即可轻松掌握页面所需的元素与交互，进而信手拈来。
## 快速上手
使用 Layui 只需在页面中引入核心文件即可：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>开始使用 Layui</title>
<link href="./layui/css/layui.css" rel="stylesheet">
</head>
<body>
<!-- HTML -->
<script src="./layui/layui.js"></script>
<script>
// 使用组件
layui.use(['layer', 'form'], function(){
var layer = layui.layer;
var form = layui.form;
// 欢迎语
layer.msg('Hello World');
});
</script>
</body>
</html>
```
## 使用文档
[**最新文档**](https://layui.github.io)
## 项目参与
[项目参与者](https://github.com/layui/layui/graphs/contributors)
## 在 Cloud IDE 中预览
[https://idegithub.com/layui/layui](https://idegithub.com/layui/layui)
## 破旧立新 🌱
Layui 原官网已于2021年10月13日下线。详见：
> 1. <a href="https://unpkg.com/outeres@0.0.7/img/layui/notice-2021.png" target="_blank">Layui 原官网下线公告</a> 2. <a href="https://www.zhihu.com/question/488668647/answer/2159962082" target="_blank">Layui 原官网为什么要下线？</a>
---
鉴于 Layui 相对庞大的受众群体，从此 Github 和 Gitee 平台将支撑起 Layui 的后续。<br>
**Layui 将继续陪伴着所有为之热爱的人们，共同去探索和论证「Layui 开发模式的可行性」**
layui v2.8.0-rc.3源码
需积分: 1 131 浏览量
2022-12-08
16:59:33
上传
评论
收藏 897KB ZIP 举报
layui-v2.8.0-rc.3.zip （96个子文件） 
layui-v2.8.0-rc.3 docs 
index.html 274B
README.md 63B favicon.ico 9KB package.json 829B .gitee ISSUE_TEMPLATE.zh-CN.md 325B .github pull_request_template.md 618B gulpfile.js 5KB LICENSE 1KB dist css layui.css 110KB layui.js 288KB font iconfont.eot 50KB iconfont.ttf 50KB
iconfont.svg 309KB iconfont.woff 32KB iconfont.woff2 28KB CONTRIBUTING.md 1KB src css layui.css 93KB modules laydate.css 11KB layer.css 16KB code.css 2KB layui.js 22KB font iconfont.eot 50KB iconfont.ttf 50KB iconfont.svg 309KB iconfont.woff 32KB iconfont.woff2 28KB modules jquery.js 286KB rate.js 6KB flow.js 5KB colorpicker.js 24KB laydate.js 71KB lay.js 12KB table.js 86KB util.js 11KB carousel.js 8KB mobile.js 526B form.js 31KB demo.js 3KB upload.js 17KB tree.js 27KB dropdown.js 16KB slider.js 16KB layer.js 46KB laytpl.js 3KB laypage.js 9KB code.js 3KB element.js 17KB layui.all.js 249B all.js 623B transfer.js 14KB examples menu.html 8KB util.html 4KB laydate.html 11KB table-static.html 2KB responsive.html 692B rate.html 2KB element.html 6KB table-test.html 15KB dropdown.html 5KB extend.html 461B form.html 18KB upload.html 9KB extends mod1.js 206B temp.js 3KB mod2.js 151B laypage.html 4KB element.tab.html 3KB json upload demoLayEdit.json 168B table demo2.json 1KB demo1.json 4KB demo3.json 3KB tree.html 6KB js index.js 93B child test.js 100B base.html 3KB layout-admin.html 6KB layer.html 6KB laytpl.html 6KB colorpicker.html 3KB table.html 10KB text.md.html 1KB code.html 2KB flow.html 3KB xingzuo.html 3KB layout-grid.html 9KB all.html 5KB carousel.html 2KB element.nav.html 8KB transfer.html 3KB slider.html 2KB button.html 5KB .gitignore 188B CHANGELOG.md 58B preview.yml 510B DISCLAIMER.md 3KB README.md 3KB资源评论
