From 911b6a15757057bf61b09c47c95927948d8eb6e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Wed, 7 Mar 2018 21:26:21 +0800
Subject: [PATCH] no message

Former-commit-id: 6baff257aef8cd418963b55ca37e3419726a9e01
Former-commit-id: 0788b4518d4afdbd33b27b6d928a1cc468bf0fbb
Former-commit-id: ab60abc062e5360d0b4ede7f77b1a054ff919023
---
 src/pages/demo/business/container/ghost.vue  |  4 +++-
 src/pages/demo/business/container/normal.vue |  4 +++-
 src/router/menu/_business.js                 | 10 ++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

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) }
         }
       ]
     }