diff --git a/src/pages/demo/business/container/ghost.vue b/src/pages/demo/business/container/ghost.vue
index 635f1ac5..1a97e225 100644
--- a/src/pages/demo/business/container/ghost.vue
+++ b/src/pages/demo/business/container/ghost.vue
@@ -1,5 +1,7 @@
 <template>
   <Container type="ghost">
-    这是一个最基础的页面容器，它看起来像一个卡片，它会将页面区域和导航区域区分开
+    <p style="margin-top: 0px;">这是一个隐形的页面容器</p>
+    <p>没有边界和背景颜色</p>
+    <p style="margin-bottom: 0px;">适合一些比较特殊的页面</p>
   </Container>
 </template>
diff --git a/src/pages/demo/business/container/normal.vue b/src/pages/demo/business/container/normal.vue
index 6d574369..d4803af8 100644
--- a/src/pages/demo/business/container/normal.vue
+++ b/src/pages/demo/business/container/normal.vue
@@ -1,5 +1,7 @@
 <template>
   <Container>
-    这是一个最基础的页面容器，它看起来像一个卡片，它会将页面区域和导航区域区分开
+    <p style="margin-top: 0px;">这是一个最基础的页面容器</p>
+    <p>它看起来像一个卡片</p>
+    <p style="margin-bottom: 0px;">它会将页面区域和导航区域区分开</p>
   </Container>
 </template>
diff --git a/src/router/menu/_business.js b/src/router/menu/_business.js
index 579b27d5..ec83e352 100644
--- a/src/router/menu/_business.js
+++ b/src/router/menu/_business.js
@@ -25,6 +25,16 @@ export const menu = {
             requiresAuth: true
           },
           component: resolve => { require(['@/pages/demo/business/container/normal.vue'], resolve) }
+        },
+        {
+          title: '隐形',
+          icon: 'file-o',
+          path: 'container/ghost',
+          name: 'demo-business-container-ghost',
+          meta: {
+            requiresAuth: true
+          },
+          component: resolve => { require(['@/pages/demo/business/container/ghost.vue'], resolve) }
         }
       ]
     }