github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

优化 Docs 内容

pull/1249/head
贤心 2023-05-03 17:17:39 +08:00
parent 941fea6e35
commit 727fb8305e
102 changed files with 292 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
docs/.layui/DOCS_TEMPLATE.md
View File

@ -1,34 +0,0 @@
---
title: 某某组件 MOD_NAME
toc: true
---
# 某某组件
> 某某组件 `MOD_NAME`
<h2 id="examples" lay-toc="{hot: true}" style="margin-bottom: 0;">示例</h2>
<div>
{{- d.include("docs/MOD_NAME/detail/demo.md") }}
</div>
<h2 id="api" lay-toc="{}">API</h2>
| API | 描述 |
| --- | --- |
| var MOD_NAME = layui.MOD_NAME | 获得 `MOD_NAME` 模块。 |
| [MOD_NAME.render(options)](#render) | MOD_NAME 组件渲染，核心方法。 |
| …… | …… |
<h3 id="render" lay-toc="{level: 2}">渲染</h3>
`MOD_NAME.render(options);`
- 参数 `options` : 基础属性配置项。[#详见属性](#options)
<h2 id="options" lay-toc="{level: 2, hot: true}">属性</h2>
<div>
{{- d.include("docs/MOD_NAME/detail/options.md") }}
</div>

27
docs/.layui/DOCS_TEMPLATE_DEMO.md
View File

@ -1,27 +0,0 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '综合用法'}, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
AAA
<script>
layui.use(function(){
var MOD_NAME = layui.MOD_NAME;
});
</script>
</textarea>
</pre>
<h3 id="demo-NAME" class="ws-anchor ws-bold">示例标题</h3>
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
AAA
<script>
layui.use(function(){
var MOD_NAME = layui.MOD_NAME;
});
</script>
</textarea>
</pre>

32
docs/.layui/DOCS_TEMPLATE_OPTIONS.md
View File

@ -1,32 +0,0 @@
<table class="layui-table">
<colgroup>
<col width="150">
<col>
<col width="100">
<col width="100">
</colgroup>
<thead>
<tr>
<th>属性名</th>
<th>描述</th>
<th>类型</th>
<th>默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td>AAA</td>
<td>
</td>
<td>CCC</td>
<td>
</td>
</tr>
</tbody>
</table>

21
docs/@note/2.8/news.md
View File

@ -1,21 +1,34 @@
---
title: 🚀 Layui 2.8.0 正式发布，朴实归来
title: 🚀 Layui 2.8.0 正式发布，全新文档站朴实归来
toc: false
---
# 🚀 Layui 2.8.0 正式发布，朴实归来
# 🚀 Layui 2.8.0 正式发布，全新文档站朴实归来
<p style="text-align: center;">
<span class="layui-badge-rim">发布：2023-04-24</span>
</p>
我们终于迎来了 Layui `2.8.0` 的正式版本，以及全新的文档站。
在 Layui 过往七年的开源历程中，从未用多达**二十个预览版**去为一个正式版而引路。 显然，`2.8.0` 是 Layui 一次朴实的回归，更是情怀的延续。但却并不是想以此呼吁人们重新去选择它，我们仍然坚持两年前那则《[Layui 原官网下线公告](https://unpkg.com/outeres@0.0.7/img/layui/notice-2021.png)》中的观点， _即仍然推荐大家去拥抱主流，始终保持对前沿技术的无限热爱，是开发者们都应具备的思维属性_。 **而 Layui 所做的，是为填补主流之外的那些略显狭小的空隙**。
Layui 虽然并不是前端主流，但也早已不是作者个人的 Layui，而是所有仍在坚持使用它的人的 Layui，它仍然支撑着许多项目，也代表着许多人的工作，作为开源创作者的我们，应该要为这些坚持者而守望。
Layui 虽不是前端主流，但也早已不是作者个人的 Layui，而是所有仍在坚持使用它的人的 Layui，它仍然支撑着许多项目，也代表着许多人的工作，作为开源创作者的我们，应该要为这些坚持者而守望。
### 新文档站
在 2021 年 Layui 原官网下线后，互联网出现了许多第三方的 Layui 文档镜像站点，这在当时，给大家能继续阅读文档确实提供了便利，但原官网的下线，只是单纯一个网站自身生命周期的结束，它并不意味着 Layui 这样一个开源项目的停更，当时的公告其实也说的很清楚了，但或许是由于那则公告的用词过于「悲壮」，使得各大自媒体有所误读，从而让大家都以为是 Layui 停更了。 事实上，自那以后，Layui 仍然在 Github 和 Gitee 保持活跃，并不存在所谓的停止更新，甚至从 `2.6.9` 一直迭代到今天的 `2.8.0`，而现存的第三方文档镜像站点的内容却仍然定格在 Layui `2.6.8` 的版本，已严重滞后于 Layui 的当前版本，显然是不利于开发者们对 Layui 的应用。 两年来，Layui 始终处于没有中心文档的窘迫境地，虽然也一度以 **Gitee Pages** 为文档的承载，但似乎很难形成一个焦点和归属感。 随着 `2.8.0` 正式版本的发布，它所包含的上百项的更新内容，使得全新的文档站点呼之欲出。
2021 年 Layui 原官网下线后，互联网出现了许多第三方的 Layui 文档镜像站，这在当时，给大家能继续阅读文档确实提供了便利，但原官网的下线，只是单纯一个网站自身生命周期的结束，它并不意味着 Layui 这样一个开源项目的停更，这在公告中也有清晰的阐述。但或许是由于那则公告的用词过于「悲壮」，使得各大自媒体有所误读，从而让大家都以为是 Layui 停更了。 事实上，自那以后，Layui 仍然在 Github 和 Gitee 保持活跃，并不存在所谓的停止更新，甚至从 `2.6.9` 一直迭代到今天的最新版本，而现存的第三方文档镜像站点的内容却仍然定格在 Layui `2.6.8` 的版本，已严重滞后于 Layui 的当前版本，显然是不利于开发者们对 Layui 的应用。 两年来，Layui 始终处于没有中心文档的窘迫境地，虽然也一度以 **Gitee Pages** 为文档的承载，但似乎很难形成一个焦点和归属感。 随着 `2.8.0` 正式版本的发布，它所包含的上百项的内容更新，使得全新的文档站呼之欲出。
此次上线的新版文档站，旨在为朴实归来的 Layui 提供一个新的精神「基站」，它基于 laytpl 和 markdown 驱动，在版面上进行了大量优化，内容重新编写、力求精简，以辅助大家更好地使用 Layui。 同时，Layui 文档也已和 Layui 本身一同开源在项目中，以供大家在线和离线都能阅读以及协同维护。
- **文档协作:** https://github.com/layui/layui/tree/main/docs
- **文档阅读:** https://layui.dev
---
<div class="layui-btn-container">
<a class="layui-btn" href="https://gitee.com/layui/layui/issues/I6Y8EN" target="_blank">我要评论</a>
<a class="layui-btn layui-btn-primary" href="../../versions.html#2.8.x">
<i class="layui-icon layui-icon-left"></i> 更新日志
</a>
</div>

14
docs/@note/2.8/upgrade-guide.md
View File

@ -1,9 +1,9 @@
---
title: Layui 2.8 《升级指南》
title: 📑 Layui 2.8 《升级指南》
toc: false
---
# Layui 2.8 《升级指南》
# 📑 Layui 2.8 《升级指南》
Layui `2.8` 总体向下兼容，但仍有以下变更需要注意：
@ -42,3 +42,13 @@ Layui `2.8` 总体向下兼容，但仍有以下变更需要注意：
https://layui.dev/docs/versions.html
或新建 `Issue` 进行详细反馈。
---
<div class="layui-btn-container">
<a class="layui-btn" href="https://gitee.com/layui/layui/issues/" target="_blank" style="word-spacing: normal;">前往 Issues</a>
<a class="layui-btn layui-btn-primary" href="../../versions.html#2.8.x">
<i class="layui-icon layui-icon-left"></i> 更新日志
</a>
</div>

22
docs/README.md
View File

@ -1,4 +1,24 @@
# Docs
## 文档预览
- [最新文档](https://layui.dev)
- [2.7 文档](https://layui.dev/2.7/)
- [2.7 文档](https://layui.dev/2.7/)
## 目录规范
文档的目录与文件命名，需与组件的命名对应。子目录可自由发挥，但一般可参考以下规则：
- `index.md` 组件主文件
- `detail/` 组件详情文件。一般在主文件内容过大时，可将内容碎片放置在该目录中，主文件只需引用即可。
- `examples/` 组件示例文件。
当创建新的组件文档时，可复制 `.layui/` 目录中放置好的文档模板，并填充对应的内容。
## 书写规范
文档采用 `HTML+Markdown+laytpl` 混合编写。 其中：
- `HTML` 标签与 `Markdown` 混用时，必须换两行隔开
- `laytpl` 标签语法可直接遵循 Layui 中的 laytpl 组件规则
- 若需开启文档的右侧目录，可在对应锚点元素上添加 `lay-toc="{}"` 属性即可，具体可参考其他组件中的内容

4
docs/anim/index.md
View File

@ -16,7 +16,7 @@ toc: true
<h2 id="usage" lay-toc="">示例</h2>
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], codeStyle: 'max-height: 350px;'}">
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], codeStyle: 'height: 535px;'}">
<textarea>
<div class="layui-anim" id="example-anim-element" style="padding: 16px 0;">
目标元素
@ -26,6 +26,8 @@ toc: true
<button class="layui-btn">
<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>
</button>
<!-- @import layui -->
<script>
layui.use(function(){
var $ = layui.$;

5
docs/carousel/detail/demo.md
View File

@ -20,7 +20,8 @@
<div>条目2</div>
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var carousel = layui.carousel;
@ -126,6 +127,7 @@ layui.use(function(){
</div>
</div>
<!-- @import layui -->
<script>
layui.use(function(){
var carousel = layui.carousel;
@ -198,6 +200,7 @@ layui.use(function(){
</div>
</div>
<!-- @import layui -->
<script>
layui.use(function(){
var carousel = layui.carousel;

3
docs/code/index.md
View File

@ -23,7 +23,8 @@ toc: true
test
test
</pre>
<!-- import layui -->
<script>
layui.use(function(){
// code

16
docs/colorpicker/detail/demo.md
View File

@ -2,6 +2,8 @@
<textarea>
<div id="ID-colorpicker-demo-1"></div>
<div id="ID-colorpicker-demo-2" style="margin-left: 16px;"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -42,6 +44,8 @@ layui.use(function(){
</div>
</div>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -66,6 +70,8 @@ layui.use(function(){
<textarea>
<div id="ID-colorpicker-demo-rgb"></div>
<div id="ID-colorpicker-demo-rgba" style="margin-left: 16px;"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -94,6 +100,8 @@ layui.use(function(){
<div id="ID-colorpicker-demo-alpha-1"></div>
<div id="ID-colorpicker-demo-alpha-2" style="margin-left: 16px;"></div>
<div id="ID-colorpicker-demo-alpha-3" style="margin-left: 16px;"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -127,6 +135,8 @@ layui.use(function(){
<textarea>
<div id="ID-colorpicker-demo-predefine-1"></div>
<div id="ID-colorpicker-demo-predefine-2" style="margin-left: 16px;"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -156,6 +166,8 @@ layui.use(function(){
<hr>
<div id="ID-colorpicker-demo-all"></div>
<span style="padding-left: 6px;">演示：选择颜色并确定，改变上方按钮背景色</span>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -194,6 +206,8 @@ layui.use(function(){
<div id="ID-colorpicker-demo-size-lg"></div>
<div id="ID-colorpicker-demo-size-sm" style="margin-left: 16px;"></div>
<div id="ID-colorpicker-demo-size-xs" style="margin-left: 16px;"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;
@ -223,6 +237,8 @@ layui.use(function(){
<div class="demo-class-colorpicker" lay-options="{color: '#FF0000'}"></div>
<div class="demo-class-colorpicker" lay-options="{color: '#008000'}"></div>
<div class="demo-class-colorpicker" lay-options="{color: '#0000FF'}"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;

3
docs/colorpicker/index.md
View File

@ -34,7 +34,8 @@ toc: true
<div id="ID-test-colorpicker"></div>
<div class="class-test-colorpicker" lay-options="{color: '#333'}"></div>
<div class="class-test-colorpicker" lay-options="{color: '#777'}"></div>
<!-- import layui -->
<script>
layui.use(function(){
var colorpicker = layui.colorpicker;

1
docs/dropdown/examples/align.md
View File

@ -13,6 +13,7 @@
</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/base.md
View File

@ -20,6 +20,7 @@
</a>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/complex.md
View File

@ -2,6 +2,7 @@
无限层级 + 跳转 + 事件 + 自定义模板
</button>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

3
docs/dropdown/examples/content.md
View File

@ -6,7 +6,8 @@
<style>
.demo-dropdown-tabs{padding: 0 16px;}
</style>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/contextmenu.md
View File

@ -6,6 +6,7 @@
开启全局右键菜单
</button>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/on.md
View File

@ -13,6 +13,7 @@
</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/reload.md
View File

@ -3,6 +3,7 @@
<i class="layui-icon layui-icon-down layui-font-12"></i>
</button>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/reloadData.md
View File

@ -7,6 +7,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

1
docs/dropdown/examples/table.md
View File

@ -5,6 +5,7 @@
<a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>
</script>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;

3
docs/dropdown/index.md
View File

@ -40,7 +40,8 @@ toc: true
<button class="layui-btn class-test-dropdown" lay-options="{
data: [{title: 'item A', id: 'a'}, {title: 'item B', id: 'b'}]
}">下拉菜单</button>
<!-- import layui -->
<script>
layui.use(function(){
var dropdown = layui.dropdown;

4
docs/flow/detail/demo.md
View File

@ -3,6 +3,8 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '滚动加载'}, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div class="flow-demo" id="ID-flow-demo"></div>
<!-- import layui -->
<script>
layui.use(function(){
var flow = layui.flow;
@ -35,6 +37,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div class="flow-demo" id="ID-flow-demo-manual"></div>
<!-- import layui -->
<script>
layui.use(function(){
var flow = layui.flow;

2
docs/flow/index.md
View File

@ -73,6 +73,8 @@ toc: true
<img lay-src="https://unpkg.com/outeres@0.0.11/demo/wallpaper.jpg">
<img lay-src="https://unpkg.com/outeres@0.0.11/demo/wallpaper.jpg">
</div>
<!-- import layui -->
<script>
layui.use('flow', function(){
var flow = layui.flow;

1
docs/form/checkbox.md
View File

@ -87,6 +87,7 @@ toc: true
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

1
docs/form/examples/form.demo.md
View File

@ -195,6 +195,7 @@
</div>
</form>
<!-- @import layui -->
<script>
layui.use(['form', 'laydate', 'util'], function(){
var form = layui.form;

3
docs/form/examples/form.grid.md
View File

@ -66,7 +66,8 @@
<button type="reset" class="layui-btn layui-btn-primary">Reset</button>
</div>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

1
docs/form/examples/form.login.md
View File

@ -56,6 +56,7 @@
</div>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

3
docs/form/examples/form.pane.md
View File

@ -77,7 +77,8 @@
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</form>
<!-- import layui -->
<script>
layui.use(['form'], function(){
var form = layui.form;

3
docs/form/examples/form.reg.md
View File

@ -73,7 +73,8 @@
</div>
</div>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

1
docs/form/examples/form.val.md
View File

@ -71,6 +71,7 @@
</div>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

3
docs/form/examples/form.validate.md
View File

@ -20,7 +20,8 @@
</div>
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

3
docs/form/examples/form.verify.md
View File

@ -5,7 +5,8 @@
<hr>
<button class="layui-btn" lay-submit lay-filter="demo-verify">提交</button>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

1
docs/form/examples/input.affix.custom.md
View File

@ -8,6 +8,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

4
docs/form/index.md
View File

@ -137,6 +137,7 @@ form 还可以借助*栅格*实现更灵活的响应式布局。
动态插入的表单域
</form>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;
@ -167,6 +168,7 @@ layui.use(function(){
<!-- 其他表单元素 -->
</div>
<!-- import layui -->
<script>
layui.use('form', function(){
var $ = layui.$;
@ -290,6 +292,7 @@ Layui 对表单做了相对巧妙的支持，只需在表单元素上设置 `lay
<button class="layui-btn" id="test-btn-other">普通按钮</button>
</form>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;
@ -344,6 +347,7 @@ layui.use(function(){
<button class="layui-btn" id="test-btn-submit">任意位置按钮</button>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

1
docs/form/radio.md
View File

@ -71,6 +71,7 @@ toc: true
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

1
docs/form/select.md
View File

@ -184,6 +184,7 @@ toc: true
</select>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var form = layui.form;

3
docs/index.md
View File

@ -71,7 +71,8 @@ npm i layui
```
<!-- 引入 layui.css -->
<link href="//unpkg.com/layui@{{= d.layui._v }}/dist/css/layui.css" rel="stylesheet">
```
```
<!-- 引入 layui.js -->
<script src="//unpkg.com/layui@{{= d.layui._v }}/dist/layui.js">
```

1
docs/laydate/examples/elem.md
View File

@ -12,6 +12,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/format.md
View File

@ -39,6 +39,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/limit.md
View File

@ -24,6 +24,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/mark.md
View File

@ -21,6 +21,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/more.md
View File

@ -93,6 +93,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/normal.md
View File

@ -15,6 +15,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/range.md
View File

@ -62,6 +62,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/shortcut.md
View File

@ -70,6 +70,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/static.md
View File

@ -5,6 +5,7 @@
<div class="layui-inline" id="ID-laydate-static-4"></div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/theme.md
View File

@ -27,6 +27,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/examples/type.md
View File

@ -39,6 +39,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/laydate/index.md
View File

@ -50,6 +50,7 @@ toc: true
<input type="text" class="class-test-laydate" lay-options="{value: '2016-10-14'}">
<input type="text" class="class-test-laydate" lay-options="{value: '2017-08-21'}">
<!-- import layui -->
<script>
layui.use(function(){
var laydate = layui.laydate;

1
docs/layer/examples/alert.md
View File

@ -7,6 +7,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-count-down">关闭倒计时</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/direction.md
View File

@ -7,6 +7,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-offset-l">从左往右</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/iframe.md
View File

@ -8,6 +8,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-iframe-curl">弹出任意 URL 页面</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

1
docs/layer/examples/load.md
View File

@ -5,6 +5,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-load-4">风格4</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/more.md
View File

@ -25,6 +25,7 @@
.class-demo-layer-lockscreen .layui-input-suffix .layui-icon-right{cursor: pointer; color: #fff;}
</style>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/offset.md
View File

@ -11,6 +11,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-offset" data-offset="">任意</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/other.md
View File

@ -7,6 +7,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-photos">photos - 多张相册层</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/page.md
View File

@ -15,6 +15,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

1
docs/layer/examples/skin.md
View File

@ -19,6 +19,7 @@
.class-layer-demo-custom .layui-layer-btn .layui-layer-btn0{border-color: #FA584D; background-color: #FA584D; color: #fff;}
</style>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/tips.md
View File

@ -7,6 +7,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-more">允许多个 tips</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/examples/type.md
View File

@ -10,6 +10,7 @@
<button type="button" class="layui-btn layui-btn-primary" lay-on="photots">Photots</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layer/index.md
View File

@ -292,6 +292,7 @@ layer.photos({
<img src="https://unpkg.com/outeres/demo/outer-space.jpg" layer-src="https://unpkg.com/outeres/demo/outer-space.jpg" layer-pid="" alt="星空如此深邃">
</div>
<!-- import layui -->
<script>
layui.use(function(){
var layer = layui.layer;

1
docs/layout/index.md
View File

@ -110,6 +110,7 @@ toc: true
底部固定区域
</div>
</div>
<script src="{{= d.layui.cdn.js }}"></script>
<script>
//JS

20
docs/laypage/detail/demo.md
View File

@ -2,6 +2,8 @@
<textarea>
<div id="demo-laypage-normal-1"></div>
<div id="demo-laypage-normal-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -27,6 +29,8 @@ layui.use(function(){
<div id="demo-laypage-theme-1"></div>
<div id="demo-laypage-theme-2"></div>
<div id="demo-laypage-theme-3"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -57,6 +61,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-text"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -80,6 +86,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-pn-hide"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -101,6 +109,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-pn-show"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -133,6 +143,8 @@ layui.use(function(){
<div id="demo-laypage-layout-1"></div>
<div id="demo-laypage-layout-2"></div>
<div id="demo-laypage-layout-3"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -163,6 +175,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-limits"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -185,6 +199,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-all"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -208,6 +224,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="demo-laypage-hash"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;
@ -230,6 +248,8 @@ layui.use(function(){
<textarea>
<div id="demo-laypage-data"></div>
<div id="demo-laypage-data-view"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laypage = layui.laypage;

1
docs/laytpl/index.md
View File

@ -63,6 +63,7 @@ layui.use('laytpl', function(){
<div id="view"></div>
<!-- import layui -->
<script>
layui.use(function(){
var laytpl = layui.laytpl;

1
docs/nav/examples/side.md
View File

@ -30,6 +30,7 @@
<li class="layui-nav-item"><a href="javascript:;">菜单2</a></li>
<li class="layui-nav-item"><a href="javascript:;">菜单3</a></li>
</ul>
<script src="{{= d.layui.cdn.js }}"></script>
<script>
layui.use(function(){

4
docs/nav/index.md
View File

@ -221,6 +221,8 @@ toc: true
```
<div id="test"></div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;
@ -269,6 +271,8 @@ layui.use(function(){
<li class="layui-nav-item"><a href="javascript:;">菜单1</a></li>
<li class="layui-nav-item"><a href="javascript:;">菜单2</a></li>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;

1
docs/panel/index.md
View File

@ -259,6 +259,7 @@ toc: true
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;

5
docs/progress/index.md
View File

@ -138,6 +138,8 @@ toc: true
```
<div id="test"></div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;
@ -186,7 +188,8 @@ layui.use(function(){
<button class="layui-btn" lay-on="setPercent">设置 50%</button>
<button class="layui-btn" lay-on="loading">模拟 loading</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;

13
docs/rate/detail/demo.md
View File

@ -1,6 +1,8 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '基础用法'}, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-rate-demo"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -19,6 +21,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-rate-demo-text"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -42,6 +46,7 @@ layui.use(function(){
<hr>
<div id="ID-rate-demo-half-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -70,6 +75,8 @@ layui.use(function(){
<div id="ID-rate-demo-setText-1"></div>
<hr>
<div id="ID-rate-demo-setText-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -111,6 +118,8 @@ layui.use(function(){
<div id="ID-rate-demo-length-1"></div>
<hr>
<div id="ID-rate-demo-length-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -135,6 +144,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-rate-demo-readonly"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;
@ -159,6 +170,8 @@ layui.use(function(){
<div class="class-rate-demo-theme" lay-options="{value: 3, theme: '#FE0000'}"></div>
<hr>
<div class="class-rate-demo-theme" lay-options="{value: 2.5, theme: '#1E9FFF', half: true}"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;

1
docs/rate/index.md
View File

@ -34,6 +34,7 @@ toc: true
<div class="class-test-rate" lay-options="{value: 3}"></div>
<div class="class-test-rate" lay-options="{value: 5}"></div>
<!-- import layui -->
<script>
layui.use(function(){
var rate = layui.rate;

20
docs/slider/detail/demo.md
View File

@ -1,6 +1,8 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '基础用法'}, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-slider-demo"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -19,6 +21,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-slider-demo-value"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -38,6 +42,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-slider-demo-maxmin"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -60,6 +66,8 @@ layui.use(function(){
<div id="ID-slider-demo-step-1"></div>
<hr class="ws-space-16">
<div id="ID-slider-demo-step-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -88,6 +96,8 @@ layui.use(function(){
<hr class="ws-space-16">
<div id="ID-slider-demo-setTips-2"></div>
<div id="ID-slider-demo-setTips-result"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -119,6 +129,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-slider-demo-input"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -140,6 +152,8 @@ layui.use(function(){
<div id="ID-slider-demo-range-1"></div>
<hr class="ws-space-16">
<div id="ID-slider-demo-range-2"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -173,6 +187,8 @@ layui.use(function(){
<div class="layui-inline" style="margin-right: 32px;" id="ID-slider-demo-vertical-2"></div>
<div class="layui-inline" style="margin-right: 32px;" id="ID-slider-demo-vertical-3"></div>
<div class="layui-inline" id="ID-slider-demo-vertical-4"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -213,6 +229,8 @@ layui.use(function(){
<div id="ID-slider-demo-theme-2"></div>
<hr class="ws-space-16">
<div id="ID-slider-demo-theme-3"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;
@ -243,6 +261,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-slider-demo-disabled"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;

1
docs/slider/index.md
View File

@ -38,6 +38,7 @@ toc: true
<div class="class-test-slider" lay-options="{value: 50}"></div>
<div class="class-test-slider" lay-options="{value: 80}"></div>
<!-- import layui -->
<script>
layui.use(function(){
var slider = layui.slider;

8
docs/tab/detail/demo.md
View File

@ -1,4 +1,4 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '动态操作'}, layout: ['preview', 'code'], tools: ['full']}">
<pre class="layui-code" lay-options="{preview: true, text: {preview: '动态操作'}, codeStyle: 'height: 535px', layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div class="layui-tab" lay-filter="test-handle" lay-allowclose="true">
<ul class="layui-tab-title">
@ -22,6 +22,8 @@
<button class="layui-btn" lay-on="tabDelete">删除「标签4」</button>
<button class="layui-btn" lay-on="tabChange">切换到「标签3」</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;
@ -57,7 +59,7 @@ layui.use(function(){
切换 tab 标签项后，地址栏同步 `hash` 值，当页面刷新时，tab 仍保持对应的切换状态。
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], codeStyle: 'height: 535px', tools: ['full']}">
<textarea>
<div class="layui-tab" lay-filter="test-hash">
<ul class="layui-tab-title">
@ -75,6 +77,8 @@ layui.use(function(){
<div class="layui-tab-item">内容-5</div>
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;

5
docs/tab/index.md
View File

@ -140,6 +140,8 @@ tab 组件提供了三种 UI 风格，分别为：
<div class="layui-tab-item">内容-5</div>
</div>
</div>
<!-- import layui -->
</textarea>
</pre>
@ -154,6 +156,8 @@ tab 组件会在元素加载完毕后，自动对 tab 元素完成一次渲染
```
<div id="test"></div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;
@ -240,6 +244,7 @@ layui.use(function(){
<div>内容-3</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var element = layui.element;

4
docs/table/examples/autoRender.md
View File

@ -11,4 +11,6 @@
<th lay-data="{field:'classify'}">职业</th>
</tr>
</thead>
</table>
</table>
<!-- import layui -->

3
docs/table/examples/data.md
View File

@ -1,5 +1,6 @@
<table class="layui-hide" id="ID-table-demo-data"></table>
<!-- import layui -->
<script>
layui.use('table', function(){
var table = layui.table;

3
docs/table/examples/editModes.md
View File

@ -35,7 +35,8 @@
{{# var color = d.color || ['#16baaa','#16b777','#1E9FFF','#FF5722','#FFB800','#393D49'][Math.round(Math.random()*5)]; }}
<div class="colorpicker-demo" lay-options="{color: '{{= color }}'}"></div>
</script>!}}
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

3
docs/table/examples/editable.md
View File

@ -1,5 +1,6 @@
<table class="layui-hide" id="ID-table-demo-editable"></table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;

3
docs/table/examples/filter.md
View File

@ -1,5 +1,6 @@
<table class="layui-hide" id="ID-table-demo-filter"></table>
<!-- import layui -->
<script>
layui.use(function(){
var $ = layui.$;

3
docs/table/examples/init.md
View File

@ -28,7 +28,8 @@
</tr>
</tbody>
</table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;

1
docs/table/examples/onrowContextmenu.md
View File

@ -1,5 +1,6 @@
<table class="layui-hide" id="ID-table-onrowContextmenu"></table>
<!-- import layui -->
<script>
layui.use(['table', 'dropdown', 'util'], function(){
var table = layui.table;

3
docs/table/examples/page.md
View File

@ -5,7 +5,8 @@
<button class="layui-btn layui-btn-sm" lay-event="footerDemoBtn2">底部按钮2</button>
</div>
</script>
<!-- import layui -->
<script>
layui.use('table', function(){
var table = layui.table;

1
docs/table/examples/parse.md
View File

@ -3,6 +3,7 @@
<table class="layui-hide" id="ID-table-demo-parse"></table>
<!-- import layui -->
<script>
layui.use('table', function(){
var table = layui.table;

3
docs/table/examples/search.md
View File

@ -27,7 +27,8 @@
</form>
<table class="layui-hide" id="ID-table-demo-search"></table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;

1
docs/table/examples/setRowChecked.md
View File

@ -5,6 +5,7 @@
</div>
</script>
<!-- import layui -->
<script>
layui.use('table', function(){
var table = layui.table;

3
docs/table/examples/templet.md
View File

@ -17,7 +17,8 @@
<span class="layui-badge-rim">序号：{{= d.LAY_NUM }}</span>
-->
!}}</script>
<!-- import layui -->
<script>
layui.use(['table'], function(){
var table = layui.table;

4
docs/table/examples/theads.md
View File

@ -48,4 +48,6 @@
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">按钮1</a>
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">按钮2</a>
</div>
</script>
</script>
<!-- import layui -->

8
docs/table/index.md
View File

@ -54,9 +54,10 @@ table 提供了以下三种渲染模式，在实际使用时，一般按情况
该方法返回当前实例对象，包含可操作当前表格的一些成员方法。
```
```html
<table id="test"></table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;
@ -107,11 +108,12 @@ layui.use(function(){
该方法用于将已输出在页面中的静态表格内容转换为动态 table 组件。[#参考相关示例](#demo-init)
```
```html
<table lay-filter="test">
表格内容
</table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;
@ -516,6 +518,7 @@ table.hideCol('test', false); // `true` or `false`
</div>
</script>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;
@ -738,6 +741,7 @@ table.on('edit(test)', function(obj){
<table id="test" lay-filter="test"></table>
<!-- import layui -->
<script>
layui.use(function(){
var table = layui.table;

14
docs/transfer/detail/demo.md
View File

@ -1,6 +1,8 @@
<pre class="layui-code" lay-options="{preview: true, text: {preview: '基础效果'}, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -33,6 +35,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo-title"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -68,6 +72,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo-value"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -107,6 +113,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo-showSearch"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -141,6 +149,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo-parseData"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -173,6 +183,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-transfer-demo-onchange"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;
@ -215,6 +227,8 @@ layui.use(function(){
<button type="button" class="layui-btn" lay-on="reload">重载实例</button>
</div>
<div id="ID-transfer-demo-inst"></div>
<!-- import layui -->
<script>
layui.use(function(){
var transfer = layui.transfer;

9
docs/tree/detail/demo.md
View File

@ -11,6 +11,7 @@
<div id="ID-tree-demo"></div>
<!-- import layui -->
<script>
layui.use(function(){
var tree = layui.tree;
@ -59,6 +60,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-tree-demo-showLine"></div>
<!-- import layui -->
<script>
layui.use(function(){
var tree = layui.tree;
@ -82,6 +85,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-tree-demo-onlyIconControl"></div>
<!-- import layui -->
<script>
layui.use(function(){
var tree = layui.tree;
@ -110,6 +115,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-tree-demo-accordion"></div>
<!-- import layui -->
<script>
layui.use(function(){
var tree = layui.tree;
@ -149,6 +156,8 @@ layui.use(function(){
<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full']}">
<textarea>
<div id="ID-tree-demo-showCheckbox"></div>
<!-- import layui -->
<script>
layui.use(function(){
var tree = layui.tree;

1
docs/treeTable/examples/demo.md
View File

@ -14,6 +14,7 @@
</div>
</script>
<!-- import layui -->
<script>
layui.use(function(){
var treeTable = layui.treeTable;

1
docs/upload/examples/accept.md
View File

@ -20,6 +20,7 @@
</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

1
docs/upload/examples/auto.md
View File

@ -3,6 +3,7 @@
<button type="button" class="layui-btn" id="ID-upload-demo-action">开始上传</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

1
docs/upload/examples/drag.md
View File

@ -6,6 +6,7 @@
</div>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

3
docs/upload/examples/files.table.md
View File

@ -19,7 +19,8 @@
</div>
<button type="button" class="layui-btn" id="ID-upload-demo-files-action">开始上传</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

3
docs/upload/examples/form.file.md
View File

@ -1,5 +1,6 @@
<input type="file" name="file" id="ID-upload-demo-form-files">
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

3
docs/upload/examples/image.md
View File

@ -20,7 +20,8 @@
<div class="layui-upload-list" id="upload-demo-preview"></div>
</blockquote>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

1
docs/upload/examples/size.md
View File

@ -5,6 +5,7 @@
这里以限制 60KB 为例
</div>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

1
docs/upload/index.md
View File

@ -39,6 +39,7 @@ toc: true
<button type="button" class="layui-btn test-class-upload" lay-options="{}">上传</button>
<button type="button" class="layui-btn test-class-upload" lay-options="{}">上传</button>
<!-- import layui -->
<script>
layui.use(function(){
var upload = layui.upload;

3
docs/util/detail/demo.md
View File

@ -41,7 +41,8 @@
<button class="layui-btn" lay-on="escape">转义</button>
<button class="layui-btn" lay-on="unescape">还原</button>
</div>
<!-- import layui -->
<script>
layui.use(function(){
var util = layui.util;

Some files were not shown because too many files have changed in this diff Show More