root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

规范框架使用代码

v1.0
bobi 2019-05-17 01:01:50 +08:00
parent cf68c0b70d
commit d261e43a6f
3 changed files with 38 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages/use/use-okLayer.html
View File

@ -23,37 +23,41 @@
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okLayer.tableCheck() okLayer.tableCheck()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
// 对表格进行批量操作时的预检查 // 对表格进行批量操作时的预检查
okLayer.tableCheck(table) okLayer.tableCheck(table)
</pre> </pre>
<!--代码块2--> <!--代码块2-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okLayer.tableOperationMsg() okLayer.tableOperationMsg()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
// 对表格操作后的提示信息 // 对表格操作后的提示信息
okLayer.tableOperationMsg("批量启用成功"); okLayer.tableOperationMsg("批量启用成功");
okLayer.tableOperationMsg("批量停用成功"); okLayer.tableOperationMsg("批量停用成功");
</pre> </pre>
<!--代码块3--> <!--代码块3-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okLayer.confirm() okLayer.confirm()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
okLayer.confirm("确定要批量删除吗？", function (index) { okLayer.confirm("确定要批量删除吗？", function (index) {
layer.close(index); layer.close(index);
// 代码逻辑 // 代码逻辑
}); });
</pre> </pre>
<!--代码块4--> <!--代码块4-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okLayer.open() okLayer.open()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
/** /**
* 弹窗打开窗口页面 * 弹窗打开窗口页面
* @param title 标题 * @param title 标题
@ -63,7 +67,7 @@ okLayer.confirm("确定要批量删除吗？", function (index) {
* @param function 回调函数 * @param function 回调函数
*/ */
okLayer.open("添加用户", "user-add.html", "90%", "90%", function() {}) okLayer.open("添加用户", "user-add.html", "90%", "90%", function() {})
</pre> </pre>
</div> </div>
<!--js逻辑--> <!--js逻辑-->
<script src="../../lib/layui/layui.js"></script> <script src="../../lib/layui/layui.js"></script>

16
pages/use/use-okTab.html
View File

@ -23,7 +23,8 @@
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
使用方法1：在index.html左侧中添加 使用方法1：在index.html左侧中添加
</blockquote> </blockquote>
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a class="" href="javascript:;">
<i class="iconfont icon-ai-new"></i> XX管理 <i class="iconfont icon-ai-new"></i> XX管理
@ -33,26 +34,28 @@
<dd><a href="javascript:;" path="xx.html" tab-id="xx-1"><i class="iconfont icon-xx"></i> xx列表</a></dd> <dd><a href="javascript:;" path="xx.html" tab-id="xx-1"><i class="iconfont icon-xx"></i> xx列表</a></dd>
</dl> </dl>
</li> </li>
</pre> </pre>
<!--代码块2--> <!--代码块2-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
使用方法2：在index.html顶部中添加 使用方法2：在index.html顶部中添加
</blockquote> </blockquote>
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<dl class="layui-nav-child"> <dl class="layui-nav-child">
<dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd> <dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd> <dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd>
<dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd> <dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd>
<dd><a href="javascript:;" id="lock">锁定账户</a></dd> <dd><a href="javascript:;" id="lock">锁定账户</a></dd>
</dl> </dl>
</pre> </pre>
<!--代码块3--> <!--代码块3-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
使用方法3：用按钮点击打开 使用方法3：用按钮点击打开
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
/** /**
* 添加tab * 添加tab
* @param title 标题 * @param title 标题
@ -60,7 +63,8 @@
* @param tabId tabId必须唯一 * @param tabId tabId必须唯一
*/ */
okTab.tabAdd("ok-tool", "http://www.xlbweb.cn", "11-1") okTab.tabAdd("ok-tool", "http://www.xlbweb.cn", "11-1")
</pre> </pre>
<button class="layui-btn" id="addTab">打开一个新的Tab</button> <button class="layui-btn" id="addTab">打开一个新的Tab</button>
</div> </div>
<!--js逻辑--> <!--js逻辑-->

10
pages/use/use-okUtils.html
View File

@ -23,7 +23,8 @@
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okUtils.ajax() okUtils.ajax()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
/** /**
* 弹窗打开窗口页面 * 弹窗打开窗口页面
* @param url 请求url * @param url 请求url
@ -36,15 +37,16 @@ okUtils.ajax("/user/batchDel", "post", {idsStr: idsStr}).done(function (response
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
}); });
</pre> </pre>
<!--代码块2--> <!--代码块2-->
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
okUtils.xxx() okUtils.xxx()
</blockquote> </blockquote>
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
xxx xxx
</pre> </pre>
</div> </div>
<!--js逻辑--> <!--js逻辑-->
<script src="../../lib/layui/layui.js"></script> <script src="../../lib/layui/layui.js"></script>