From c2e834b525c88be0b0953b9b39099db430313b6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Sat, 10 Mar 2018 23:36:09 +0800
Subject: [PATCH] no message

Former-commit-id: aa19087e500aea381a2f7eb90721f2d9871272f1
Former-commit-id: e89fcc86afc432f9a84b203bd139615d5dea674f
Former-commit-id: db8808227a4aa2607af284c82fad0ccf60b93fa6
---
 src/components/core/Container/index.vue       |  1 +
 src/pages/demo/components/container/index.vue |  6 +++++
 .../demo/components/container/normal.vue      |  4 +---
 src/router/menu/_components.js                | 10 ++++++++
 .../article/组件 - 页面容器 - 基础.md         | 16 +++++++++++++
 .../markdownFiles/article/组件 - 页面容器.md  | 23 +++++++++++++++++++
 6 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/demo/components/container/index.vue
 create mode 100644 static/markdownFiles/article/组件 - 页面容器 - 基础.md
 create mode 100644 static/markdownFiles/article/组件 - 页面容器.md

diff --git a/src/components/core/Container/index.vue b/src/components/core/Container/index.vue
index 71ebcbf4..92dd8a18 100644
--- a/src/components/core/Container/index.vue
+++ b/src/components/core/Container/index.vue
@@ -7,6 +7,7 @@
     </el-card>
     <!-- [ghost] 隐形的容器 -->
     <div v-if="type === 'ghost'">
+      <slot name="header"></slot>
       <slot></slot>
     </div>
     <!-- [full-card] 撑满 -->
diff --git a/src/pages/demo/components/container/index.vue b/src/pages/demo/components/container/index.vue
new file mode 100644
index 00000000..bcd7d377
--- /dev/null
+++ b/src/pages/demo/components/container/index.vue
@@ -0,0 +1,6 @@
+<template>
+  <Container>
+    <template slot="header">页面容器组件 文档</template>
+    <Markdown url="/static/markdownFiles/article/组件 - 页面容器.md"></Markdown>
+  </Container>
+</template>
diff --git a/src/pages/demo/components/container/normal.vue b/src/pages/demo/components/container/normal.vue
index 0c824646..4419e96c 100644
--- a/src/pages/demo/components/container/normal.vue
+++ b/src/pages/demo/components/container/normal.vue
@@ -1,8 +1,6 @@
 <template>
   <Container>
     <template slot="header">我是插入到 header 中的内容</template>
-    <p style="margin-top: 0px;">这是一个最基础的页面容器</p>
-    <p>它看起来像一个卡片</p>
-    <p style="margin-bottom: 0px;">它会将页面区域和导航区域区分开</p>
+    <Markdown url="/static/markdownFiles/article/组件 - 页面容器 - 基础.md"></Markdown>
   </Container>
 </template>
diff --git a/src/router/menu/_components.js b/src/router/menu/_components.js
index 5b633c2a..e9173f23 100644
--- a/src/router/menu/_components.js
+++ b/src/router/menu/_components.js
@@ -16,6 +16,16 @@ export const menu = {
       title: '页面容器',
       icon: 'window-restore',
       children: [
+        {
+          title: '文档',
+          icon: 'file-o',
+          path: 'container',
+          name: 'demo-components-container',
+          meta: {
+            requiresAuth: true
+          },
+          component: resolve => { require(['@/pages/demo/components/container/index.vue'], resolve) }
+        },
         {
           title: '卡片',
           icon: 'file-o',
diff --git a/static/markdownFiles/article/组件 - 页面容器 - 基础.md b/static/markdownFiles/article/组件 - 页面容器 - 基础.md
new file mode 100644
index 00000000..56a00c27
--- /dev/null
+++ b/static/markdownFiles/article/组件 - 页面容器 - 基础.md	
@@ -0,0 +1,16 @@
+基础页面容器
+
+```
+<Container>
+  主体内容
+</Container>
+```
+
+使用 `slot`
+
+```
+<Container>
+  <template slot="header">我是插入到 header 中的内容</template>
+  主体内容
+</Container>
+```
diff --git a/static/markdownFiles/article/组件 - 页面容器.md b/static/markdownFiles/article/组件 - 页面容器.md
new file mode 100644
index 00000000..55a3b02c
--- /dev/null
+++ b/static/markdownFiles/article/组件 - 页面容器.md	
@@ -0,0 +1,23 @@
+## 参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| type | 容器类型 | 非 | String | card ghost full-card | card |
+| responsive | 响应式宽度 | 非 | Boolean |  | false |
+
+> `responsive` 参数设置只在 `type` 等于 `card` 或 `ghost` 时生效
+
+## 使用方法
+
+基本
+
+```
+<template>
+  <Container>
+    <template slot="header">
+      header 内容
+    </template>
+    主体内容
+  </Container>
+</template>
+```
\ No newline at end of file