no message

Former-commit-id: 6baff257aef8cd418963b55ca37e3419726a9e01
Former-commit-id: 0788b4518d4afdbd33b27b6d928a1cc468bf0fbb
Former-commit-id: ab60abc062e5360d0b4ede7f77b1a054ff919023

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>

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>

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