diff --git a/docs/zh/components/container.md b/docs/zh/components/container.md
index 1e1efe29..ca365897 100644
--- a/docs/zh/components/container.md
+++ b/docs/zh/components/container.md
@@ -83,6 +83,22 @@ export default {
 
 你可以通过设置 `scroll` 来启用自定义滚动条，看起来更美观一些
 
+示例：
+
+``` vue
+<template>
+  <d2-container type="full" scroll>
+    <template slot="header">
+      可选的 header 内容 ...
+    </template>
+    主体内容 ...
+    <template slot="footer">
+      可选的 footer 内容 ...
+    </template>
+  </d2-container>
+</template>
+```
+
 ### 隐形页面容器
 
 不显示任何背景色和边框，通常这个模式只有在极少情况下会使用
diff --git a/docs/zh/guide/README.md b/docs/zh/guide/README.md
index 7de55c32..e21fda5a 100644
--- a/docs/zh/guide/README.md
+++ b/docs/zh/guide/README.md
@@ -76,6 +76,7 @@ D2Admin 创建于2018年1月14日零点51分，在2018年5月26日正式发布
 * 提供“试验台”功能 方便展示系统功能调用方法 `1.1.4 +`
 * 多标签页模式 `1.1.4 +`
 * 美化滚动条 `1.1.4 +`
+* json view `1.1.4 +`
 
 ## TODO
 
diff --git a/index.html b/index.html
index 04b6a4da..a9dbc96b 100755
--- a/index.html
+++ b/index.html
@@ -18,12 +18,6 @@
         justify-content: center;
         align-items: center;
         flex-direction: column;
-        /* background: #8e9eab;
-        background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
-        background: linear-gradient(to right, #eef2f3, #8e9eab); */
-        /* background: #4b6cb7;
-        background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
-        background: linear-gradient(to right, #182848, #4b6cb7); */
         background: #757F9A;
         background: -webkit-linear-gradient(to top, #D7DDE8, #757F9A);
         background: linear-gradient(to top, #D7DDE8, #757F9A);
@@ -47,6 +41,34 @@
         opacity: .8;
         margin-bottom: 4px;
       }
+      .d2-app-loading-btn {
+        text-decoration: none;
+        display: inline-block;
+        line-height: 1;
+        white-space: nowrap;
+        cursor: pointer;
+        background: #fff;
+        border: 1px solid #dcdfe6;
+        border-color: #dcdfe6;
+        color: #606266;
+        -webkit-appearance: none;
+        text-align: center;
+        box-sizing: border-box;
+        outline: none;
+        margin: 0;
+        transition: .1s;
+        font-weight: 500;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        padding: 12px 20px;
+        font-size: 14px;
+        border-radius: 4px;
+        /* 圆角 */
+        padding: 7px 15px;
+        border-radius: 20px;
+        font-size: 12px;
+      }
       .d2-app-loading-grid {
         width: 30px;
         height: 30px;
@@ -129,6 +151,10 @@
         <div class="d2-app-loading-title">加载中</div>
         <div class="d2-app-loading-sub-title">本示例项目加载了大量的组件，初次加载会比较慢，请耐心等待</div>
         <div class="d2-app-loading-sub-info">如果很久很久都没有加载成功，请清空缓存重新加载页面</div>
+        <div style="margin-top: 10px;">
+          <a class="d2-app-loading-btn" href="https://github.com/FairyEver/d2-admin" target="blank">Github仓库</a>
+          <a class="d2-app-loading-btn" href="https://fairyever.gitee.io/d2-admin-doc/zh/" target="blank">中文文档</a>
+        </div>
       </div>
     </div>
   </body>