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

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

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

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

@ -23,7 +23,8 @@
<blockquote class="layui-elem-quote">
使用方法1：在index.html左侧中添加
</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">
<a class="" href="javascript:;">
<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>
</dl>
</li>
</pre>
</pre>
<!--代码块2-->
<blockquote class="layui-elem-quote">
使用方法2：在index.html顶部中添加
</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">
<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-security.html" tab-id="0-3">安全设置</a></dd>
<dd><a href="javascript:;" id="lock">锁定账户</a></dd>
</dl>
</pre>
</pre>
<!--代码块3-->
<blockquote class="layui-elem-quote">
使用方法3：用按钮点击打开
</blockquote>
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
/**
* 添加tab
* @param title 标题
@ -60,7 +63,8 @@
* @param tabId tabId必须唯一
*/
okTab.tabAdd("ok-tool", "http://www.xlbweb.cn", "11-1")
</pre>
</pre>
<button class="layui-btn" id="addTab">打开一个新的Tab</button>
</div>
<!--js逻辑-->

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

@ -23,28 +23,30 @@
<blockquote class="layui-elem-quote">
okUtils.ajax()
</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 type 请求类型
* @param param 请求参数
*/
*/
okUtils.ajax("/user/batchDel", "post", {idsStr: idsStr}).done(function (response) {
console.log(response)
okLayer.tableOperationMsg("批量删除成功");
console.log(response)
okLayer.tableOperationMsg("批量删除成功");
}).fail(function (error) {
console.log(error)
console.log(error)
});
</pre>
</pre>
<!--代码块2-->
<blockquote class="layui-elem-quote">
okUtils.xxx()
</blockquote>
<pre class="layui-code" lay-title="HTML" lay-encode="true">
<pre class="layui-code" lay-title="JavaScript" lay-encode="true">
xxx
</pre>
</pre>
</div>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>