-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
207 lines (200 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Layui - 极简模块化前端 UI 组件库(官方文档)</title>
<meta name="keywords" content="layui,ui,前端框架">
<meta name="description"
content="一套开源免费的 Web UI 组件库。采用自身极简的轻量级模块化规范，并遵循原生 HTML/CSS/JS 的开发模式，极易上手，开箱即用。非常适合网页界面的快速构建。">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./dist/css/layui.css" rel="stylesheet">
<link href="./static/dist/docs/2/css/index.css" rel="stylesheet">
<link href="./static/dist/docs/2/css/layui-theme-dark.css" rel="stylesheet" id="layuicss-theme-dark" media="all">
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
(function () {
self !== parent && (location.href = "about:blank")
})();
</script>
</head>
<body>
<div class="layui-header ws-header ws-bg-light">
<div class="layui-container">
<div class="ws-logo">
<a class="logo" href="/">
<img src="./static/images/layui/logo.png" alt="layui">
</a>
</div>
<div class="ws-header-assist">
<div class="layui-form layui-hide-xs ws-search" lay-filter="LAY-ws-header-component"></div>
<div class="layui-hide-xs ws-notice"></div>
</div>
<div class="ws-header-menu">
<ul class="layui-nav layui-bg-gray ws-bg-light" id="LAY_NAV_TOP">
<li class="layui-nav-item" data-dir="docs">
<a href="https://layui.dev/docs/2/" target="_blank">组件</a>
</li>
<li class="layui-nav-item" data-dir="notes">
<a href="https://layui.dev/notes/" target="_blank">笔记</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">2.9.3</a>
<dl class="layui-nav-child layui-nav-child-c">
<dd lay-unselect class="layui-this"><a href="/">2.9.3</a></dd>
<dd lay-unselect><a href="https://layui.dev/2.7/" target="_blank">2.7.6</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<!--<span class="layui-badge-dot" style="left:0; right: auto; margin: -4px 0 0 5px;"></span>-->
生态
</a>
<dl class="layui-nav-child layui-nav-child-r" style="margin-right: -21px;">
<dd lay-unselect>
<a href="//dev.layuion.com/extend/" target="_blank">Layui 第三方扩展组件</a>
</dd>
<dd lay-unselect>
<a href="//dev.layuion.com/themes/" target="_blank">Layui 纯静态主题库</a>
</dd>
<dd lay-unselect>
<a href="https://github.com/Sight-wcg/layui-theme-dark" target="_blank" lay-unselect>
Layui 深色主题 <span>(社区贡献)</span>
</a>
</dd>
<dd lay-unselect>
<a href="https://gitee.com/layui/layui-vue/" target="_blank" lay-unselect>
Layui of Vue <span>(他人实现)</span>
</a>
</dd>
</dl>
</li>
</ul>
<div class="ws-header-more">
<i class="layui-icon layui-icon-shrink-right"></i>
</div>
<div class="ws-header-tool ws-bg-light">
<div class="layui-form ws-header-theme" lay-filter="header-theme">
<input type="checkbox" name="theme-mode" id="ID-header-theme-mode" lay-filter="header-theme-mode"
lay-skin="switch">
<div lay-checkbox>
<i class="layui-icon layui-icon-moon"></i> |
<i class="layui-icon layui-icon-light"></i>
</div>
</div>
<div>
<a href="https://github.com/layui/layui" target="_blank" title="Github">
<i class="layui-icon layui-icon-github layui-font-20"></i>
</a>
</div>
<div>
<a href="https://gitee.com/layui/layui" target="_blank" title="Gitee">
<i class="layui-icon layui-icon-gitee layui-font-20" style="color: #C71D23;"></i>
</a>
</div>
</div>
</div>
</div>
<input type="hidden" id="WS-ID" value="1089712111710546100101118|108111999710846108971211171051111104699111109">
</div>
<div class="ws-container">
<div class="ws-index-main">
<h1>
Layui
</h1>
<h2>
原生态 · 开源
<br>极简模块化 Web UI 组件库
</h2>
<div class="ws-index-stared">
<a href="https://layui.dev/docs/2/" class="layui-btn layui-btn-lg layui-bg-primary">开始使用</a>
<a href="https://gitee.com/layui/layui/attach_files/1633409/download"
class="layui-btn layui-btn-lg layui-btn-primary layui-border-green" target="_blank">直接下载</a>
</div>
<div class="ws-index-attach">
<span>当前版本：<em class="ws-showv"><em class="ws-showv">2.9.3</em></em></span>
<span><a href="https://layui.dev/docs/2/versions.html">更新日志</a></span>
<span><a href="https://gitee.com/layui/layui/blob/main/DISCLAIMER.md" rel="nofollow" target="_blank">免责声明</a></span>
</div>
<div class="ws-index-showcase"></div>
</div>
<div class="layui-container">
<div class="layui-row layui-col-space30 ws-index-idea">
<div class="layui-col-md4">
<div>
<fieldset class="layui-elem-field layui-field-title">
<legend>返璞归真</legend>
<p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 Layui
偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，遵循于原生态的书写指令，试图以更简单的方式诠释高效。</p>
</fieldset>
</div>
</div>
<div class="layui-col-md4">
<div>
<fieldset class="layui-elem-field layui-field-title">
<legend>双重体验</legend>
<p>拥有双面的不仅是人生，还有
Layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的呈现。简而全的理念贯穿内外，两面合璧。</p>
</fieldset>
</div>
</div>
<div class="layui-col-md4">
<div>
<fieldset class="layui-elem-field layui-field-title">
<legend>星辰大海</legend>
<p>初衷源于一团零星之火，几经能量聚合，光与热逐渐延伸，也曾一度成为炽热的火焰。后来秋风萧瑟，应时而变的 Layui
散作满天星辰。透过这冷暖轮回，眼前是我们依然坚持的热爱。</p>
</fieldset>
</div>
</div>
</div>
</div>
</div>
<div class="layui-footer ws-footer">
<p>Copyright © 2024 <a href="/">Layui</a> MIT Licensed</p>
<p id="LAY-footer-info">
<a href="https://gitee.com/layui/layui/blob/main/DISCLAIMER.md" rel="nofollow" target="_blank">免责声明</a>
<a href="https://github.com/layui/layui/blob/main/LICENSE" rel="nofollow" target="_blank">开源协议</a>
<a href="https://layui.dev/playground/2/" rel="nofollow" target="_blank">在线测试</a>
<a href="//dev.layuion.com/extend/" target="_blank">扩展组件</a>
<a href="javascript:;" id="qqInfo" data-clipboard-text="849254735" title="点我复制群号">技术交流群:849254735</a>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">陕ICP备18021353号-4</a>
</p>
<p>
<span>本站仅为 Layui 框架文档镜像站点，与 Layui 官方没有任何关系，特此申明公告；如有不妥请联系站点管理员进行删除！</span>
<strong> 鸣谢：</strong>
<span>
<a href="https://www.upyun.com/?invite=SJ0wu6g2-&referer=layui" target="_blank" sponsor="upyun"
style="color: #23A7E8;">
<strong>又拍云</strong>
</a>
<a href="https://gitee.com/?referer=layui" target="_blank" sponsor="Gitee" style="color:#C71D23;">
<strong>Gitee</strong>
</a>
<a href="https://www.iconfont.cn/?referer=layui" target="_blank" sponsor="iconfont" style="color: #9B16FF;">
<strong>iconfont</strong>
</a>
</span>
</p>
</div>
<div class="ws-shade"></div>
<!-- JS -->
<script src="./library/clipboard.min.js"></script>
<script src="./dist/layui.js"></script>
<script src="./script/layout.js"></script>
<!--<script>-->
<!-- layui.config({-->
<!-- base: '/static/dist/docs/2/modules/',-->
<!-- version: '52',-->
<!-- res: '/static/dist/docs/2/',-->
<!-- curl: ''-->
<!-- }).use('index',function(w){w.a||w.r&&w.r()});-->
<!--</script>-->
<!--<script src="./static/dist/modules/ads.js?advertID="></script>-->
<!--<script>(function(c,a,d){setTimeout(function(){a=document.querySelector(a);if(!document.getElementById(c)&&!a.childNodes.length&&a){var b=document.createElement("div");b.setAttribute("style","padding: 16px; line-height: 21px; text-align: left; cursor: pointer; box-sizing: border-box; font-weight: 700; background-color: #f7f7f7;");b.innerHTML="\u6073\u8bf7\u60a8\u6682\u505c\u5bf9\u672c\u7ad9\u5e7f\u544a\u62e6\u622a";b.onclick=function(){alert("\u63d0\u793a\uff1a\u7531\u4e8e\u60a8\u7684\u6d4f\u89c8\u5668\u53ef\u80fd\u5f00\u542f\u4e86\u5e7f\u544a\u62e6\u622a\u63d2\u4ef6\uff0c\u8fd9\u5c06\u5bfc\u81f4\u672c\u7ad9\u52a8\u6001\u8f93\u51fa\u7684\u5e7f\u544a\u548c\u90e8\u5206\u975e\u5e7f\u544a\u5185\u5bb9\u90fd\u4e00\u5e76\u5931\u6548\uff0c\u4e25\u91cd\u5f71\u54cd\u7f51\u7ad9\u5185\u5bb9\u7684\u5b8c\u6574\u6027\u3002\u672c\u7ad9\u5e7f\u544a\u4f4d\u9075\u5faa\u300c\u53ef\u63a5\u53d7\u5e7f\u544a\u300d\u6807\u51c6\uff0c\u5e76\u4e0d\u4f1a\u5bf9\u6587\u6863\u7684\u9605\u8bfb\u5e26\u6765\u5e72\u6270\u3002\u4e3a\u4e86\u672c\u7ad9\u548c Layui \u80fd\u591f\u957f\u671f\u8fd0\u884c\uff0c\u5efa\u8bae\u60a8\u5728\u6d4f\u89c8\u5668\u5e7f\u544a\u62e6\u622a\u5de5\u5177\u4e2d\u8bbe\u7f6e\uff1a\u5728\u6b64\u7f51\u7ad9\u6682\u505c\u5e7f\u544a\u62e6\u622a\u3002\u5982\u6b64\u8bbe\u7f6e\u540e\uff0c\u5373\u4e0d\u4f1a\u51fa\u73b0\u8be5\u63d0\u793a\u3002\n\n\u8877\u5fc3\u611f\u8c22\u60a8\u7684\u7406\u89e3\u3002")};a.parentNode.insertBefore(b,a.nextSibling)}},d)})("H32AIQUJTLO",".ws-sponsor",800);</script>-->
</body>
</html>