From 1f313f18cd1635fccdb72d7404bb7d8e0d6c2942 Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Wed, 18 Jul 2018 08:30:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=AE=B9=E5=99=A8=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E6=94=B9=E5=8F=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly d9f7b6d61f9bca4dd01d9bdeaa3e05689a4c957b [formerly 685176322dd7a7c07d9adc1afe718ac8769c6e2b]]]]]
Former-commit-id: 88308a03ec90c920658d225ca92d3d44329ae488
Former-commit-id: 658fe4466da6dfac5fca7f4d4f587300c297a6f4
Former-commit-id: e2f583b6a7c845b26d5713ab54427c1a30eae7c0 [formerly 7f060c7800831c725cce856ac0b97e64e8dc7df3]
Former-commit-id: b4a0e21cd492e0c91637c94e9ab9cbf7e896c52d
Former-commit-id: 52a1a9c80a6951a0341fbfe6ca6c748dae876747
Former-commit-id: 508b9083504c48c021f3664bd2f398aacce556f3
Former-commit-id: 5885f81448c937e04528c45ea8bd74f72dac37a9
Former-commit-id: e0337459e2f83705c4cf519840fd9532ed2a43e0
---
 docs/zh/components/container.md               | 58 +++++++++++--------
 src/components/core/d2-container/index.vue    | 31 +---------
 src/pages/dashboard/page.vue                  |  2 +-
 src/pages/demo/charts/index/index.vue         |  2 +-
 .../demo/charts/list/bar/demo1/index.vue      |  2 +-
 .../demo/charts/list/bar/demo2/index.vue      |  2 +-
 .../demo/charts/list/bar/demo3/index.vue      |  2 +-
 .../demo/charts/list/bar/demo4/index.vue      |  2 +-
 .../demo/charts/list/bar/demo5/index.vue      |  2 +-
 .../demo/charts/list/candle/demo1/index.vue   |  2 +-
 .../demo/charts/list/candle/demo2/index.vue   |  2 +-
 .../demo/charts/list/candle/demo3/index.vue   |  2 +-
 .../demo/charts/list/funnel/demo1/index.vue   |  2 +-
 .../demo/charts/list/funnel/demo2/index.vue   |  2 +-
 .../demo/charts/list/gauge/demo1/index.vue    |  2 +-
 .../demo/charts/list/heatmap/demo1/index.vue  |  2 +-
 .../demo/charts/list/heatmap/demo2/index.vue  |  2 +-
 .../charts/list/histogram/demo1/index.vue     |  2 +-
 .../charts/list/histogram/demo2/index.vue     |  2 +-
 .../charts/list/histogram/demo3/index.vue     |  2 +-
 .../charts/list/histogram/demo4/index.vue     |  2 +-
 .../charts/list/histogram/demo5/index.vue     |  2 +-
 .../charts/list/histogram/demo6/index.vue     |  2 +-
 .../demo/charts/list/line/demo1/index.vue     |  2 +-
 .../demo/charts/list/line/demo2/index.vue     |  2 +-
 .../demo/charts/list/line/demo3/index.vue     |  2 +-
 .../demo/charts/list/line/demo4/index.vue     |  2 +-
 .../demo/charts/list/line/demo5/index.vue     |  2 +-
 .../demo/charts/list/map/demo1/index.vue      |  2 +-
 .../demo/charts/list/map/demo2/index.vue      |  2 +-
 .../demo/charts/list/map/demo3/index.vue      |  2 +-
 .../demo/charts/list/pie/demo1/index.vue      |  2 +-
 .../demo/charts/list/pie/demo2/index.vue      |  2 +-
 .../demo/charts/list/pie/demo3/index.vue      |  2 +-
 .../demo/charts/list/pie/demo4/index.vue      |  2 +-
 .../demo/charts/list/pie/demo5/index.vue      |  2 +-
 .../demo/charts/list/pie/demo6/index.vue      |  2 +-
 .../demo/charts/list/radar/demo1/index.vue    |  2 +-
 .../demo/charts/list/ring/demo1/index.vue     |  2 +-
 .../demo/charts/list/ring/demo2/index.vue     |  2 +-
 .../demo/charts/list/ring/demo3/index.vue     |  2 +-
 .../demo/charts/list/ring/demo4/index.vue     |  2 +-
 .../demo/charts/list/ring/demo5/index.vue     |  2 +-
 .../demo/charts/list/sankey/demo1/index.vue   |  2 +-
 .../demo/charts/list/scatter/demo1/index.vue  |  2 +-
 .../demo/charts/list/scatter/demo2/index.vue  |  2 +-
 .../demo/charts/list/tree/demo1/index.vue     |  2 +-
 .../charts/list/waterfall/demo1/index.vue     |  2 +-
 src/pages/demo/components/container/card.vue  |  2 +-
 .../demo/components/container/full-bs.vue     |  2 +-
 src/pages/demo/components/container/full.vue  |  2 +-
 .../demo/components/container/md/doc-card.md  |  4 +-
 .../components/container/md/doc-full-bs.md    |  2 +-
 .../demo/components/container/md/doc-full.md  |  2 +-
 src/pages/demo/components/index/index.vue     |  2 +-
 src/pages/demo/element/basic-button/index.vue |  2 +-
 src/pages/demo/element/basic-color/index.vue  |  2 +-
 .../demo/element/basic-container/index.vue    |  2 +-
 src/pages/demo/element/basic-icon/index.vue   |  2 +-
 src/pages/demo/element/basic-layout/index.vue |  2 +-
 .../demo/element/basic-typography/index.vue   |  2 +-
 src/pages/demo/element/data-badge/index.vue   |  2 +-
 .../demo/element/data-pagination/index.vue    |  2 +-
 .../demo/element/data-progress/index.vue      |  2 +-
 src/pages/demo/element/data-table/index.vue   |  2 +-
 src/pages/demo/element/data-tag/index.vue     |  2 +-
 src/pages/demo/element/data-tree/index.vue    |  2 +-
 .../demo/element/form-cascader/index.vue      |  2 +-
 .../demo/element/form-checkbox/index.vue      |  2 +-
 .../demo/element/form-color-picker/index.vue  |  2 +-
 .../demo/element/form-date-picker/index.vue   |  2 +-
 .../element/form-datetime-picker/index.vue    |  2 +-
 src/pages/demo/element/form-form/index.vue    |  2 +-
 .../demo/element/form-input-number/index.vue  |  2 +-
 .../form-input/index.vue.REMOVED.git-id       |  2 +-
 src/pages/demo/element/form-radio/index.vue   |  2 +-
 src/pages/demo/element/form-rate/index.vue    |  2 +-
 src/pages/demo/element/form-select/index.vue  |  2 +-
 src/pages/demo/element/form-slider/index.vue  |  2 +-
 src/pages/demo/element/form-switch/index.vue  |  2 +-
 .../demo/element/form-time-picker/index.vue   |  2 +-
 .../demo/element/form-transfer/index.vue      |  2 +-
 src/pages/demo/element/form-upload/index.vue  |  2 +-
 src/pages/demo/element/index/index.vue        |  2 +-
 .../element/navigation-breadcrumb/index.vue   |  2 +-
 .../element/navigation-dropdown/index.vue     |  2 +-
 .../demo/element/navigation-menu/index.vue    |  2 +-
 .../demo/element/navigation-steps/index.vue   |  2 +-
 .../demo/element/navigation-tabs/index.vue    |  2 +-
 src/pages/demo/element/notice-alert/index.vue |  2 +-
 .../demo/element/notice-loading/index.vue     |  2 +-
 .../demo/element/notice-message-box/index.vue |  2 +-
 .../demo/element/notice-message/index.vue     |  2 +-
 .../element/notice-notification/index.vue     |  2 +-
 src/pages/demo/element/others-card/index.vue  |  2 +-
 .../demo/element/others-carousel/index.vue    |  2 +-
 .../demo/element/others-collapse/index.vue    |  2 +-
 .../demo/element/others-dialog/index.vue      |  2 +-
 .../demo/element/others-popover/index.vue     |  2 +-
 .../demo/element/others-tooltip/index.vue     |  2 +-
 src/pages/demo/playground/index/index.vue     |  2 +-
 src/pages/demo/playground/page-argu/get.vue   |  2 +-
 src/pages/demo/playground/page-argu/send.vue  |  2 +-
 src/pages/demo/playground/page-cache/off.vue  |  2 +-
 src/pages/demo/playground/page-cache/on.vue   |  2 +-
 src/pages/demo/plugins/better-scroll/to.vue   |  2 +-
 src/pages/demo/plugins/day/index.vue          |  2 +-
 src/pages/demo/plugins/index/index.vue        |  2 +-
 108 files changed, 142 insertions(+), 161 deletions(-)

diff --git a/docs/zh/components/container.md b/docs/zh/components/container.md
index 741eb7f9..396b6e08 100644
--- a/docs/zh/components/container.md
+++ b/docs/zh/components/container.md
@@ -6,13 +6,8 @@
 
 | 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
 | --- | --- | --- | --- | --- | --- |
-| type | 容器类型 | 非 | String | card ghost full | card |
+| type | 容器类型 | 非 | String | card ghost full | full |
 | scroll | 滚动优化 | 非 | Boolean |  | false |
-| responsive | 响应式宽度 | 非 | Boolean |  | false |
-
-::: tip
-`responsive` 参数设置只在 `type` 等于 `card` 或 `ghost` 时生效
-:::
 
 ## 使用方法
 
@@ -40,25 +35,6 @@ export default {
 </style>
 ```
 
-### 基础页面容器
-
-高度根据内容适应
-
-``` vue
-<d2-container>
-  主体内容
-</d2-container>
-```
-
-使用 `slot`
-
-``` vue
-<d2-container>
-  <template slot="header">我是插入到 header 中的内容</template>
-  主体内容
-</d2-container>
-```
-
 ### 自适应填充页面容器
 
 无论内容高度多少，都会自动撑满页面，并有可选的 `header` 和 `footer` 插槽
@@ -101,6 +77,27 @@ export default {
 </template>
 ```
 
+### 卡片型页面容器
+
+高度根据内容适应
+
+``` vue
+<d2-container type="card">
+  主体内容
+</d2-container>
+```
+
+使用 `slot`
+
+> 卡片型容器只有 header 插槽
+
+``` vue
+<d2-container type="card">
+  <template slot="header">我是插入到 header 中的内容</template>
+  主体内容
+</d2-container>
+```
+
 ### 隐形页面容器
 
 不显示任何背景色和边框，通常这个模式只有在极少情况下会使用
@@ -111,4 +108,15 @@ export default {
 </d2-container>
 ```
 
+使用 `slot`
+
+> 隐形页面容器只有 header 插槽
+
+``` vue
+<d2-container type="ghost">
+  <template slot="header">我是插入到 header 中的内容</template>
+  主体内容
+</d2-container>
+```
+
 如果你不希望内容紧贴上边，可以在内容外层容器设置 `class="d2-mt"`
diff --git a/src/components/core/d2-container/index.vue b/src/components/core/d2-container/index.vue
index 0d6922ae..191d4cc1 100644
--- a/src/components/core/d2-container/index.vue
+++ b/src/components/core/d2-container/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container-component" :class="{responsive}" ref="container">
+  <div class="container-component" ref="container">
     <!-- [card] 卡片容器 -->
     <el-card v-if="type === 'card'" shadow="never" class="d2-container-card d2-mr">
       <slot v-if="$slots.header" name="header" slot="header"/>
@@ -40,19 +40,13 @@ export default {
     type: {
       type: String,
       required: false,
-      default: 'card'
+      default: 'full'
     },
     // 滚动优化
     scroll: {
       type: Boolean,
       required: false,
       default: false
-    },
-    // 是否开启响应式尺寸变化
-    responsive: {
-      type: Boolean,
-      required: false,
-      default: false
     }
   },
   components: {
@@ -92,24 +86,3 @@ export default {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
-@media (min-width: 576px) {
-  // 根据你的需要在这里添加样式
-}
-@media (min-width: 768px) {
-  // 根据你的需要在这里添加样式
-}
-@media (min-width: 992px) {
-  // 根据你的需要在这里添加样式
-}
-// 在大于1920分辨率的时候
-@media (min-width: 1921px) {
-  .container-component.responsive {
-    margin: 0px auto;
-    margin-bottom: 20px;
-    max-width: 1920px - 200px;
-  }
-}
-</style>
diff --git a/src/pages/dashboard/page.vue b/src/pages/dashboard/page.vue
index 596afe69..7377bcf8 100644
--- a/src/pages/dashboard/page.vue
+++ b/src/pages/dashboard/page.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="I AM D2ADMIN"
       sub-title="追求简约美感 & 上手即用的后台管理系统模板">
diff --git a/src/pages/demo/charts/index/index.vue b/src/pages/demo/charts/index/index.vue
index 3fb56df9..cae23cf9 100644
--- a/src/pages/demo/charts/index/index.vue
+++ b/src/pages/demo/charts/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="图表"
       sub-title="集成图表组件">
diff --git a/src/pages/demo/charts/list/bar/demo1/index.vue b/src/pages/demo/charts/list/bar/demo1/index.vue
index fa5cfcf0..a93740e6 100644
--- a/src/pages/demo/charts/list/bar/demo1/index.vue
+++ b/src/pages/demo/charts/list/bar/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
diff --git a/src/pages/demo/charts/list/bar/demo2/index.vue b/src/pages/demo/charts/list/bar/demo2/index.vue
index 79cc7cff..a5b781ca 100644
--- a/src/pages/demo/charts/list/bar/demo2/index.vue
+++ b/src/pages/demo/charts/list/bar/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
diff --git a/src/pages/demo/charts/list/bar/demo3/index.vue b/src/pages/demo/charts/list/bar/demo3/index.vue
index 861c1e89..20aad409 100644
--- a/src/pages/demo/charts/list/bar/demo3/index.vue
+++ b/src/pages/demo/charts/list/bar/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">排序条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
diff --git a/src/pages/demo/charts/list/bar/demo4/index.vue b/src/pages/demo/charts/list/bar/demo4/index.vue
index d6ae0798..a36b1f7a 100644
--- a/src/pages/demo/charts/list/bar/demo4/index.vue
+++ b/src/pages/demo/charts/list/bar/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">堆叠条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
diff --git a/src/pages/demo/charts/list/bar/demo5/index.vue b/src/pages/demo/charts/list/bar/demo5/index.vue
index 275de283..e25173bf 100644
--- a/src/pages/demo/charts/list/bar/demo5/index.vue
+++ b/src/pages/demo/charts/list/bar/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">纵轴为连续的数值轴</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
diff --git a/src/pages/demo/charts/list/candle/demo1/index.vue b/src/pages/demo/charts/list/candle/demo1/index.vue
index 9e0cb613..b40f5733 100644
--- a/src/pages/demo/charts/list/candle/demo1/index.vue
+++ b/src/pages/demo/charts/list/candle/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
diff --git a/src/pages/demo/charts/list/candle/demo2/index.vue b/src/pages/demo/charts/list/candle/demo2/index.vue
index 436938e0..a790e4ef 100644
--- a/src/pages/demo/charts/list/candle/demo2/index.vue
+++ b/src/pages/demo/charts/list/candle/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">显示 MA VOL</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
diff --git a/src/pages/demo/charts/list/candle/demo3/index.vue b/src/pages/demo/charts/list/candle/demo3/index.vue
index b93aa503..c85a2ac7 100644
--- a/src/pages/demo/charts/list/candle/demo3/index.vue
+++ b/src/pages/demo/charts/list/candle/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">修改指标名和图例文字</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
diff --git a/src/pages/demo/charts/list/funnel/demo1/index.vue b/src/pages/demo/charts/list/funnel/demo1/index.vue
index aba329a3..782de3f4 100644
--- a/src/pages/demo/charts/list/funnel/demo1/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
diff --git a/src/pages/demo/charts/list/funnel/demo2/index.vue b/src/pages/demo/charts/list/funnel/demo2/index.vue
index 84d650c8..b2689d23 100644
--- a/src/pages/demo/charts/list/funnel/demo2/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">金字塔</template>
     <div class="inner">
       <ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
diff --git a/src/pages/demo/charts/list/gauge/demo1/index.vue b/src/pages/demo/charts/list/gauge/demo1/index.vue
index befe7ea5..f67244e2 100644
--- a/src/pages/demo/charts/list/gauge/demo1/index.vue
+++ b/src/pages/demo/charts/list/gauge/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
diff --git a/src/pages/demo/charts/list/heatmap/demo1/index.vue b/src/pages/demo/charts/list/heatmap/demo1/index.vue
index c6d8965a..f94e3510 100644
--- a/src/pages/demo/charts/list/heatmap/demo1/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
diff --git a/src/pages/demo/charts/list/heatmap/demo2/index.vue b/src/pages/demo/charts/list/heatmap/demo2/index.vue
index 3d963c5d..cf585edd 100644
--- a/src/pages/demo/charts/list/heatmap/demo2/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">地图热力图</template>
     <div class="inner">
       <ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
diff --git a/src/pages/demo/charts/list/histogram/demo1/index.vue b/src/pages/demo/charts/list/histogram/demo1/index.vue
index b2b7215e..3659d6a8 100644
--- a/src/pages/demo/charts/list/histogram/demo1/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/histogram/demo2/index.vue b/src/pages/demo/charts/list/histogram/demo2/index.vue
index b4cea437..6e399f90 100644
--- a/src/pages/demo/charts/list/histogram/demo2/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置显示的指标维度</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/histogram/demo3/index.vue b/src/pages/demo/charts/list/histogram/demo3/index.vue
index 1d46c86a..29c0f467 100644
--- a/src/pages/demo/charts/list/histogram/demo3/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">柱状图+折线图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/histogram/demo4/index.vue b/src/pages/demo/charts/list/histogram/demo4/index.vue
index 944e7dfb..1ab0b112 100644
--- a/src/pages/demo/charts/list/histogram/demo4/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">堆叠柱状图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/histogram/demo5/index.vue b/src/pages/demo/charts/list/histogram/demo5/index.vue
index 37cc00f8..e9fbcb0e 100644
--- a/src/pages/demo/charts/list/histogram/demo5/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">默认显示柱状图数据</template>
     <div class="inner">
       <ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/histogram/demo6/index.vue b/src/pages/demo/charts/list/histogram/demo6/index.vue
index 92a6cd07..3a72da59 100644
--- a/src/pages/demo/charts/list/histogram/demo6/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo6/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">横轴为连续的数值轴</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
diff --git a/src/pages/demo/charts/list/line/demo1/index.vue b/src/pages/demo/charts/list/line/demo1/index.vue
index 0c3b282a..a86fbf7d 100644
--- a/src/pages/demo/charts/list/line/demo1/index.vue
+++ b/src/pages/demo/charts/list/line/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-line :data="chartData" v-bind="pubSetting"></ve-line>
diff --git a/src/pages/demo/charts/list/line/demo2/index.vue b/src/pages/demo/charts/list/line/demo2/index.vue
index 882651cf..8e212b6c 100644
--- a/src/pages/demo/charts/list/line/demo2/index.vue
+++ b/src/pages/demo/charts/list/line/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">横坐标的倾斜</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
diff --git a/src/pages/demo/charts/list/line/demo3/index.vue b/src/pages/demo/charts/list/line/demo3/index.vue
index 12bca441..8f590108 100644
--- a/src/pages/demo/charts/list/line/demo3/index.vue
+++ b/src/pages/demo/charts/list/line/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">堆叠面积图</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
diff --git a/src/pages/demo/charts/list/line/demo4/index.vue b/src/pages/demo/charts/list/line/demo4/index.vue
index 1eb4dcf2..a22bd168 100644
--- a/src/pages/demo/charts/list/line/demo4/index.vue
+++ b/src/pages/demo/charts/list/line/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">显示指标数值</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
diff --git a/src/pages/demo/charts/list/line/demo5/index.vue b/src/pages/demo/charts/list/line/demo5/index.vue
index 6fb34189..7b1a2f96 100644
--- a/src/pages/demo/charts/list/line/demo5/index.vue
+++ b/src/pages/demo/charts/list/line/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置别名</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
diff --git a/src/pages/demo/charts/list/map/demo1/index.vue b/src/pages/demo/charts/list/map/demo1/index.vue
index dcf13147..0a5b4608 100644
--- a/src/pages/demo/charts/list/map/demo1/index.vue
+++ b/src/pages/demo/charts/list/map/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <!-- <div class="inner">
       <ve-map :data="chartData" v-bind="pubSetting"></ve-map>
diff --git a/src/pages/demo/charts/list/map/demo2/index.vue b/src/pages/demo/charts/list/map/demo2/index.vue
index efba9f19..4f073e0c 100644
--- a/src/pages/demo/charts/list/map/demo2/index.vue
+++ b/src/pages/demo/charts/list/map/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置城市</template>
     <!-- <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
diff --git a/src/pages/demo/charts/list/map/demo3/index.vue b/src/pages/demo/charts/list/map/demo3/index.vue
index f62a6864..fa16445b 100644
--- a/src/pages/demo/charts/list/map/demo3/index.vue
+++ b/src/pages/demo/charts/list/map/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置样式</template>
     <!-- <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
diff --git a/src/pages/demo/charts/list/pie/demo1/index.vue b/src/pages/demo/charts/list/pie/demo1/index.vue
index 59cbf4ef..cc1e1894 100644
--- a/src/pages/demo/charts/list/pie/demo1/index.vue
+++ b/src/pages/demo/charts/list/pie/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/pie/demo2/index.vue b/src/pages/demo/charts/list/pie/demo2/index.vue
index 4cbc2a77..166fd860 100644
--- a/src/pages/demo/charts/list/pie/demo2/index.vue
+++ b/src/pages/demo/charts/list/pie/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置指标维度</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/pie/demo3/index.vue b/src/pages/demo/charts/list/pie/demo3/index.vue
index 998692b6..1854f5f4 100644
--- a/src/pages/demo/charts/list/pie/demo3/index.vue
+++ b/src/pages/demo/charts/list/pie/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/pie/demo4/index.vue b/src/pages/demo/charts/list/pie/demo4/index.vue
index faddfc51..4b052f07 100644
--- a/src/pages/demo/charts/list/pie/demo4/index.vue
+++ b/src/pages/demo/charts/list/pie/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">限制显示条数饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/pie/demo5/index.vue b/src/pages/demo/charts/list/pie/demo5/index.vue
index 70318781..1b6d1136 100644
--- a/src/pages/demo/charts/list/pie/demo5/index.vue
+++ b/src/pages/demo/charts/list/pie/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">多圆饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/pie/demo6/index.vue b/src/pages/demo/charts/list/pie/demo6/index.vue
index a670c8c5..e7f9754b 100644
--- a/src/pages/demo/charts/list/pie/demo6/index.vue
+++ b/src/pages/demo/charts/list/pie/demo6/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置饼图半径边距</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
diff --git a/src/pages/demo/charts/list/radar/demo1/index.vue b/src/pages/demo/charts/list/radar/demo1/index.vue
index c014c41a..d8d0e9f8 100644
--- a/src/pages/demo/charts/list/radar/demo1/index.vue
+++ b/src/pages/demo/charts/list/radar/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
diff --git a/src/pages/demo/charts/list/ring/demo1/index.vue b/src/pages/demo/charts/list/ring/demo1/index.vue
index 5186c954..649ea5fe 100644
--- a/src/pages/demo/charts/list/ring/demo1/index.vue
+++ b/src/pages/demo/charts/list/ring/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
diff --git a/src/pages/demo/charts/list/ring/demo2/index.vue b/src/pages/demo/charts/list/ring/demo2/index.vue
index 6a39ca05..6de5a563 100644
--- a/src/pages/demo/charts/list/ring/demo2/index.vue
+++ b/src/pages/demo/charts/list/ring/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
diff --git a/src/pages/demo/charts/list/ring/demo3/index.vue b/src/pages/demo/charts/list/ring/demo3/index.vue
index b715eef8..84a51f59 100644
--- a/src/pages/demo/charts/list/ring/demo3/index.vue
+++ b/src/pages/demo/charts/list/ring/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
diff --git a/src/pages/demo/charts/list/ring/demo4/index.vue b/src/pages/demo/charts/list/ring/demo4/index.vue
index ee253dc0..e8de16b3 100644
--- a/src/pages/demo/charts/list/ring/demo4/index.vue
+++ b/src/pages/demo/charts/list/ring/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">限制显示条数环图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
diff --git a/src/pages/demo/charts/list/ring/demo5/index.vue b/src/pages/demo/charts/list/ring/demo5/index.vue
index cbcf7c70..e5cceee0 100644
--- a/src/pages/demo/charts/list/ring/demo5/index.vue
+++ b/src/pages/demo/charts/list/ring/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">设置环图半径</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
diff --git a/src/pages/demo/charts/list/sankey/demo1/index.vue b/src/pages/demo/charts/list/sankey/demo1/index.vue
index cce4bcd2..21e57ad1 100644
--- a/src/pages/demo/charts/list/sankey/demo1/index.vue
+++ b/src/pages/demo/charts/list/sankey/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
diff --git a/src/pages/demo/charts/list/scatter/demo1/index.vue b/src/pages/demo/charts/list/scatter/demo1/index.vue
index 2d0d56a0..dcc8874f 100644
--- a/src/pages/demo/charts/list/scatter/demo1/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">单维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
diff --git a/src/pages/demo/charts/list/scatter/demo2/index.vue b/src/pages/demo/charts/list/scatter/demo2/index.vue
index 043fb646..dc8a16a4 100644
--- a/src/pages/demo/charts/list/scatter/demo2/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">双维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
diff --git a/src/pages/demo/charts/list/tree/demo1/index.vue b/src/pages/demo/charts/list/tree/demo1/index.vue
index 6da59bcb..c31afa83 100644
--- a/src/pages/demo/charts/list/tree/demo1/index.vue
+++ b/src/pages/demo/charts/list/tree/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">径向树图</template>
     <div class="inner">
       <ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
diff --git a/src/pages/demo/charts/list/waterfall/demo1/index.vue b/src/pages/demo/charts/list/waterfall/demo1/index.vue
index 51ed42e0..1335fd7d 100644
--- a/src/pages/demo/charts/list/waterfall/demo1/index.vue
+++ b/src/pages/demo/charts/list/waterfall/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
diff --git a/src/pages/demo/components/container/card.vue b/src/pages/demo/components/container/card.vue
index a0b7ba8c..4e5dcf98 100644
--- a/src/pages/demo/components/container/card.vue
+++ b/src/pages/demo/components/container/card.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">我是插入到 header 中的内容</template>
     <d2-markdown :source="doc"/>
   </d2-container>
diff --git a/src/pages/demo/components/container/full-bs.vue b/src/pages/demo/components/container/full-bs.vue
index 719b255c..28704746 100644
--- a/src/pages/demo/components/container/full-bs.vue
+++ b/src/pages/demo/components/container/full-bs.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full" scroll>
+  <d2-container scroll>
     <template slot="header">
       我是插入到 header 中的内容
     </template>
diff --git a/src/pages/demo/components/container/full.vue b/src/pages/demo/components/container/full.vue
index 06ad6510..b7e43a7d 100644
--- a/src/pages/demo/components/container/full.vue
+++ b/src/pages/demo/components/container/full.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">
       我是插入到 header 中的内容
     </template>
diff --git a/src/pages/demo/components/container/md/doc-card.md b/src/pages/demo/components/container/md/doc-card.md
index 9cd9c4c8..b5bf51e0 100644
--- a/src/pages/demo/components/container/md/doc-card.md
+++ b/src/pages/demo/components/container/md/doc-card.md
@@ -3,7 +3,7 @@
 高度根据内容适应
 
 ```
-<d2-container>
+<d2-container type="card">
   主体内容
 </d2-container>
 ```
@@ -11,7 +11,7 @@
 使用 `slot`
 
 ```
-<d2-container>
+<d2-container type="card">
   <template slot="header">我是插入到 header 中的内容</template>
   主体内容
 </d2-container>
diff --git a/src/pages/demo/components/container/md/doc-full-bs.md b/src/pages/demo/components/container/md/doc-full-bs.md
index ca2ec2f6..face51ef 100644
--- a/src/pages/demo/components/container/md/doc-full-bs.md
+++ b/src/pages/demo/components/container/md/doc-full-bs.md
@@ -8,7 +8,7 @@
 
 ```
 <template>
-  <d2-container type="full" scroll>
+  <d2-container scroll>
     <template slot="header">
       可选的 header 内容 ...
     </template>
diff --git a/src/pages/demo/components/container/md/doc-full.md b/src/pages/demo/components/container/md/doc-full.md
index b4aea88b..4146b310 100644
--- a/src/pages/demo/components/container/md/doc-full.md
+++ b/src/pages/demo/components/container/md/doc-full.md
@@ -6,7 +6,7 @@
 
 ```
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">
       可选的 header 内容 ...
     </template>
diff --git a/src/pages/demo/components/index/index.vue b/src/pages/demo/components/index/index.vue
index 15948072..7e8e37e4 100644
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="内置组件"
       sub-title="D2Admin 为你提供了一些上手即用的组件">
diff --git a/src/pages/demo/element/basic-button/index.vue b/src/pages/demo/element/basic-button/index.vue
index 68c03af9..8312c574 100644
--- a/src/pages/demo/element/basic-button/index.vue
+++ b/src/pages/demo/element/basic-button/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
 
     <h1 class="d2-mt-0">基础用法</h1>
     <el-row class="d2-mb">
diff --git a/src/pages/demo/element/basic-color/index.vue b/src/pages/demo/element/basic-color/index.vue
index fef284b6..9a8c9875 100644
--- a/src/pages/demo/element/basic-color/index.vue
+++ b/src/pages/demo/element/basic-color/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
 
     <h1 class="d2-mt-0">主色</h1>
     <el-row :gutter="20">
diff --git a/src/pages/demo/element/basic-container/index.vue b/src/pages/demo/element/basic-container/index.vue
index fc5db55b..2b73af7e 100644
--- a/src/pages/demo/element/basic-container/index.vue
+++ b/src/pages/demo/element/basic-container/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
 
     <el-container class="d2-mb">
       <el-header>顶栏</el-header>
diff --git a/src/pages/demo/element/basic-icon/index.vue b/src/pages/demo/element/basic-icon/index.vue
index b9013db2..d981f9c8 100644
--- a/src/pages/demo/element/basic-icon/index.vue
+++ b/src/pages/demo/element/basic-icon/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">图标</template>
     <h1 class="d2-mt-0">
       d2admin 已经集成 FontAwesome 图表库，提供约 1,000 个图标；并且准备好了图标组件
diff --git a/src/pages/demo/element/basic-layout/index.vue b/src/pages/demo/element/basic-layout/index.vue
index 3ae66d99..9c667d3f 100644
--- a/src/pages/demo/element/basic-layout/index.vue
+++ b/src/pages/demo/element/basic-layout/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
 
     <h1 class="d2-mt-0">基础布局</h1>
     <el-row>
diff --git a/src/pages/demo/element/basic-typography/index.vue b/src/pages/demo/element/basic-typography/index.vue
index 0cd796db..30282081 100644
--- a/src/pages/demo/element/basic-typography/index.vue
+++ b/src/pages/demo/element/basic-typography/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
 
     <h1 class="d2-mt-0">中文字体</h1>
     <el-row :gutter="10">
diff --git a/src/pages/demo/element/data-badge/index.vue b/src/pages/demo/element/data-badge/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-badge/index.vue
+++ b/src/pages/demo/element/data-badge/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/data-pagination/index.vue b/src/pages/demo/element/data-pagination/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-pagination/index.vue
+++ b/src/pages/demo/element/data-pagination/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/data-progress/index.vue b/src/pages/demo/element/data-progress/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-progress/index.vue
+++ b/src/pages/demo/element/data-progress/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/data-table/index.vue b/src/pages/demo/element/data-table/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-table/index.vue
+++ b/src/pages/demo/element/data-table/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/data-tag/index.vue b/src/pages/demo/element/data-tag/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-tag/index.vue
+++ b/src/pages/demo/element/data-tag/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/data-tree/index.vue b/src/pages/demo/element/data-tree/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/data-tree/index.vue
+++ b/src/pages/demo/element/data-tree/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-cascader/index.vue b/src/pages/demo/element/form-cascader/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-cascader/index.vue
+++ b/src/pages/demo/element/form-cascader/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-checkbox/index.vue b/src/pages/demo/element/form-checkbox/index.vue
index 4a665b00..3d96deb4 100644
--- a/src/pages/demo/element/form-checkbox/index.vue
+++ b/src/pages/demo/element/form-checkbox/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <el-row>
       <el-col :span="12">
 
diff --git a/src/pages/demo/element/form-color-picker/index.vue b/src/pages/demo/element/form-color-picker/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-color-picker/index.vue
+++ b/src/pages/demo/element/form-color-picker/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-date-picker/index.vue b/src/pages/demo/element/form-date-picker/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-date-picker/index.vue
+++ b/src/pages/demo/element/form-date-picker/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-datetime-picker/index.vue b/src/pages/demo/element/form-datetime-picker/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-datetime-picker/index.vue
+++ b/src/pages/demo/element/form-datetime-picker/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-form/index.vue b/src/pages/demo/element/form-form/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-form/index.vue
+++ b/src/pages/demo/element/form-form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-input-number/index.vue b/src/pages/demo/element/form-input-number/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-input-number/index.vue
+++ b/src/pages/demo/element/form-input-number/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-input/index.vue.REMOVED.git-id b/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
index a091bda9..8e65e3b8 100644
--- a/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
+++ b/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
@@ -1 +1 @@
-90a3104a58b6654c6323fe8f698255dfaf2f76da
\ No newline at end of file
+08273e04f8e05e4179e8d487d595fc7af0ad72e3
\ No newline at end of file
diff --git a/src/pages/demo/element/form-radio/index.vue b/src/pages/demo/element/form-radio/index.vue
index 0ec9bc2a..f4719699 100644
--- a/src/pages/demo/element/form-radio/index.vue
+++ b/src/pages/demo/element/form-radio/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <el-row>
       <el-col :span="12">
 
diff --git a/src/pages/demo/element/form-rate/index.vue b/src/pages/demo/element/form-rate/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-rate/index.vue
+++ b/src/pages/demo/element/form-rate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-select/index.vue b/src/pages/demo/element/form-select/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-select/index.vue
+++ b/src/pages/demo/element/form-select/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-slider/index.vue b/src/pages/demo/element/form-slider/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-slider/index.vue
+++ b/src/pages/demo/element/form-slider/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-switch/index.vue b/src/pages/demo/element/form-switch/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-switch/index.vue
+++ b/src/pages/demo/element/form-switch/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-time-picker/index.vue b/src/pages/demo/element/form-time-picker/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-time-picker/index.vue
+++ b/src/pages/demo/element/form-time-picker/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-transfer/index.vue b/src/pages/demo/element/form-transfer/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-transfer/index.vue
+++ b/src/pages/demo/element/form-transfer/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/form-upload/index.vue b/src/pages/demo/element/form-upload/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/form-upload/index.vue
+++ b/src/pages/demo/element/form-upload/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/index/index.vue b/src/pages/demo/element/index/index.vue
index 4f25bfc0..5345d0ca 100644
--- a/src/pages/demo/element/index/index.vue
+++ b/src/pages/demo/element/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="基础组件库"
       sub-title="D2Admin 集成由饿了么出品的 ElementUI">
diff --git a/src/pages/demo/element/navigation-breadcrumb/index.vue b/src/pages/demo/element/navigation-breadcrumb/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/navigation-breadcrumb/index.vue
+++ b/src/pages/demo/element/navigation-breadcrumb/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/navigation-dropdown/index.vue b/src/pages/demo/element/navigation-dropdown/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/navigation-dropdown/index.vue
+++ b/src/pages/demo/element/navigation-dropdown/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/navigation-menu/index.vue b/src/pages/demo/element/navigation-menu/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/navigation-menu/index.vue
+++ b/src/pages/demo/element/navigation-menu/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/navigation-steps/index.vue b/src/pages/demo/element/navigation-steps/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/navigation-steps/index.vue
+++ b/src/pages/demo/element/navigation-steps/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/navigation-tabs/index.vue b/src/pages/demo/element/navigation-tabs/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/navigation-tabs/index.vue
+++ b/src/pages/demo/element/navigation-tabs/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/notice-alert/index.vue b/src/pages/demo/element/notice-alert/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/notice-alert/index.vue
+++ b/src/pages/demo/element/notice-alert/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/notice-loading/index.vue b/src/pages/demo/element/notice-loading/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/notice-loading/index.vue
+++ b/src/pages/demo/element/notice-loading/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/notice-message-box/index.vue b/src/pages/demo/element/notice-message-box/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/notice-message-box/index.vue
+++ b/src/pages/demo/element/notice-message-box/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/notice-message/index.vue b/src/pages/demo/element/notice-message/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/notice-message/index.vue
+++ b/src/pages/demo/element/notice-message/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/notice-notification/index.vue b/src/pages/demo/element/notice-notification/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/notice-notification/index.vue
+++ b/src/pages/demo/element/notice-notification/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-card/index.vue b/src/pages/demo/element/others-card/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-card/index.vue
+++ b/src/pages/demo/element/others-card/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-carousel/index.vue b/src/pages/demo/element/others-carousel/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-carousel/index.vue
+++ b/src/pages/demo/element/others-carousel/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-collapse/index.vue b/src/pages/demo/element/others-collapse/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-collapse/index.vue
+++ b/src/pages/demo/element/others-collapse/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-dialog/index.vue b/src/pages/demo/element/others-dialog/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-dialog/index.vue
+++ b/src/pages/demo/element/others-dialog/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-popover/index.vue b/src/pages/demo/element/others-popover/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-popover/index.vue
+++ b/src/pages/demo/element/others-popover/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/element/others-tooltip/index.vue b/src/pages/demo/element/others-tooltip/index.vue
index 2502ac67..b81590a2 100644
--- a/src/pages/demo/element/others-tooltip/index.vue
+++ b/src/pages/demo/element/others-tooltip/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
diff --git a/src/pages/demo/playground/index/index.vue b/src/pages/demo/playground/index/index.vue
index 84ef1172..822b631b 100644
--- a/src/pages/demo/playground/index/index.vue
+++ b/src/pages/demo/playground/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="试验台"
       sub-title="在这里可以测试一些 D2Admin 的系统功能">
diff --git a/src/pages/demo/playground/page-argu/get.vue b/src/pages/demo/playground/page-argu/get.vue
index 720e99e4..0c3145b1 100644
--- a/src/pages/demo/playground/page-argu/get.vue
+++ b/src/pages/demo/playground/page-argu/get.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <h1 class="d2-mt-0">$route.params.username: {{$route.params.username}}</h1>
     <h1>$route.query.userid: {{$route.query.userid}}</h1>
     <p>你可以尝试返回发送数据页面修改数据重新发送，或者切换到其它页面后刷新浏览器再返回本业观察参数保留</p>
diff --git a/src/pages/demo/playground/page-argu/send.vue b/src/pages/demo/playground/page-argu/send.vue
index a52a816d..ecf37f77 100644
--- a/src/pages/demo/playground/page-argu/send.vue
+++ b/src/pages/demo/playground/page-argu/send.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <el-form :model="sendForm" :rules="rules" label-position="top" ref="sendForm">
       <el-form-item label="username 通过动态路由匹配发送" prop="username">
         <el-input v-model="sendForm.username"></el-input>
diff --git a/src/pages/demo/playground/page-cache/off.vue b/src/pages/demo/playground/page-cache/off.vue
index 79444750..1952f9fb 100644
--- a/src/pages/demo/playground/page-cache/off.vue
+++ b/src/pages/demo/playground/page-cache/off.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">这个页面不会被 keep-alive</template>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字消失，证明没有被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
diff --git a/src/pages/demo/playground/page-cache/on.vue b/src/pages/demo/playground/page-cache/on.vue
index 4c9bc566..43650d84 100644
--- a/src/pages/demo/playground/page-cache/on.vue
+++ b/src/pages/demo/playground/page-cache/on.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">这个页面会被 keep-alive</template>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
diff --git a/src/pages/demo/plugins/better-scroll/to.vue b/src/pages/demo/plugins/better-scroll/to.vue
index 022bf0b2..8993b4f6 100644
--- a/src/pages/demo/plugins/better-scroll/to.vue
+++ b/src/pages/demo/plugins/better-scroll/to.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">滚动定位</template>
     <el-row :gutter="20">
       <el-col :span="8">
diff --git a/src/pages/demo/plugins/day/index.vue b/src/pages/demo/plugins/day/index.vue
index 2739a409..0fd4fbfa 100644
--- a/src/pages/demo/plugins/day/index.vue
+++ b/src/pages/demo/plugins/day/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <template slot="header">日期计算</template>
     <h1 class="d2-mt-0">解析</h1>
     <el-row :gutter="20" class="d2-mt">
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index ed88c2fe..fb5bcf10 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
     <d2-demo-page-cover
       title="插件演示"
       sub-title="D2Admin 集成了许多实用插件">