更新 code 文档示例细节

docs/code/index.md

@@ -10,18 +10,37 @@ toc: true
 
 <h2 id="api" lay-toc="{}">方法</h2>
 
-`layui.code(options);`
+`var codeInst = layui.code(options);`
 
 - 参数 `options` : 基础属性配置项。[#详见属性](#options)。
 
-属性除了在该方法中传递，也可以直接写在元素的 `lay-options` 属性上，如：
+其中 `codeInst` <sup>2.8.17+</sup> 即实例返回的对象，包含对当前实例进行重载等方法成员，如：
 
-<pre class="layui-code" lay-options="{preview: true, layout: ['code', 'preview']}">
+```
+var codeInst = layui.code(options);
+console.log(codeInst); // 查看所有成员
+codeInst.config; // 当前实例配置项
+codeInst.reload(options); // 重载
+codeInst.reloadCode(options); // 仅重载 code
+```
+
+
+另外，属性除了在该方法中传递，也可以直接写在元素的 `lay-options` 属性上，如：
+
+<pre class="layui-code" lay-options="{preview: true, codeStyle: 'height: 315px;', layout: ['code', 'preview']}">
   <textarea>
 <pre class="layui-code code-demo" lay-options="{}">
-// 在里面放置任意的 code
+light theme
-test
+light theme
-test
+light theme
+</pre>
+
+<hr>
+
+<pre class="layui-code code-demo" lay-options="{theme: 'dark'}">
+dark theme
+dark theme
+dark theme
 </pre>
 
 <!-- import layui -->  
@@ -41,3 +60,7 @@ layui.use(function(){
 <div>
 {{- d.include("/code/detail/options.md") }}
 </div>
+
+<h2>小贴士</h2>
+
+> code 组件可广泛应用于技术类文档、博客等页面，可轻松适配第三方主流语法高亮器。