规范框架使用代码

pages/use/use-okLayer.html

@@ -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>

pages/use/use-okTab.html

@@ -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逻辑-->

pages/use/use-okUtils.html

@@ -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)
+    console.log(response)
-	okLayer.tableOperationMsg("批量删除成功");
+    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>