diff --git a/src/menu/index.js b/src/menu/index.js
index 9de0d79f..0f16a72b 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -10,8 +10,8 @@ const demoPlugins = {
       title: '模拟数据',
       children: [
         { path: `${pre}mock/ajax`, title: '拦截异步请求' },
-        { path: `${pre}mock/dpd`, title: 'DPD规则' },
-        { path: `${pre}mock/dtd`, title: 'DTD规则' }
+        { path: `${pre}mock/dpd`, title: 'DPD 规则' },
+        { path: `${pre}mock/dtd`, title: 'DTD 规则' }
       ]
     },
     {
@@ -40,8 +40,8 @@ const demoPlugins = {
     },
     { path: `${pre}build`, title: '环境区分' },
     { path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
-    { path: `${pre}js-cookie`, title: 'cookie读写' },
-    { path: `${pre}timeago`, title: '计算已经过去的时间' }
+    { path: `${pre}js-cookie`, title: 'Cookie 读写' },
+    { path: `${pre}timeago`, title: '时间差计算' }
   ])('/demo/plugins/')
 }
 
diff --git a/src/pages/demo/plugins/build/index.vue b/src/pages/demo/plugins/build/index.vue
index 90f3fb16..08f640cf 100644
--- a/src/pages/demo/plugins/build/index.vue
+++ b/src/pages/demo/plugins/build/index.vue
@@ -1,8 +1,6 @@
 <template>
-  <d2-container type="full">
-    <template slot="header">
-      多环境发布
-    </template>
+  <d2-container>
+    <template slot="header">多环境发布</template>
     <p>当前是{{$env ? '开发' : '生产'}}环境</p>
   </d2-container>
 </template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/clipboard-polyfill/index.vue b/src/pages/demo/plugins/clipboard-polyfill/index.vue
index d63e0f6e..c838df39 100644
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="基本示例"/>
+    <template slot="header">剪贴板访问</template>
     <el-row :gutter="10">
       <el-col :span="12">
         <div class="d2-mb">
@@ -12,7 +12,7 @@
       <el-col :span="12">
         <el-alert
           class="d2-mb"
-          title="只有在 IE 浏览器下你才可以通过下面这两个按钮获取剪贴板数据"
+          title="在 IE 浏览器或者高版本 Chrome 下你才可以通过下面这两个按钮获取剪贴板数据"
           type="warning"
           show-icon>
         </el-alert>
diff --git a/src/pages/demo/plugins/export/table.vue b/src/pages/demo/plugins/export/table.vue
index 900c05dc..af0f69f3 100644
--- a/src/pages/demo/plugins/export/table.vue
+++ b/src/pages/demo/plugins/export/table.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导出表格"/>
+    <template slot="header">导出表格</template>
     <div class="d2-mb">
       <el-button type="primary" @click="exportCsv">
         <d2-icon name="download"/>
@@ -11,7 +11,7 @@
         导出 Excel
       </el-button>
     </div>
-    <el-table v-bind="table" style="width: 100%" class="d2-mb">
+    <el-table v-bind="table" style="width: 100%">
       <el-table-column
         v-for="(item, index) in table.columns"
         :key="index"
@@ -19,7 +19,6 @@
         :label="item.label">
       </el-table-column>
     </el-table>
-    <d2-markdown url="/static/md/插件 - 导出.md"/>
   </d2-container>
 </template>
 
diff --git a/src/pages/demo/plugins/export/txt.vue b/src/pages/demo/plugins/export/txt.vue
index 978104fc..685f57ed 100644
--- a/src/pages/demo/plugins/export/txt.vue
+++ b/src/pages/demo/plugins/export/txt.vue
@@ -1,19 +1,18 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导出文本"/>
+    <template slot="header">导出文本</template>
     <el-input
       type="textarea"
       :autosize="{minRows: 2, maxRows: 4}"
       placeholder="请输入内容 然后点击保存按钮导出文本文档"
       v-model="text">
     </el-input>
-    <div class="d2-mt d2-mb">
+    <div class="d2-mt">
       <el-button type="primary" @click="exportTxt">
         <d2-icon name="download"/>
         保存为 txt
       </el-button>
     </div>
-    <d2-markdown url="/static/md/插件 - 导出.md"/>
   </d2-container>
 </template>
 
diff --git a/src/pages/demo/plugins/i18n/demo1.vue b/src/pages/demo/plugins/i18n/demo1.vue
index 411c3b1a..ef7204ef 100644
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"/>
+    <template slot="header">{{`${$t('pub.pageHeader.demo')} 1`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>
diff --git a/src/pages/demo/plugins/i18n/demo2.vue b/src/pages/demo/plugins/i18n/demo2.vue
index 80187f29..154ef2de 100644
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"/>
+    <template slot="header">{{`${$t('pub.pageHeader.demo')} 2`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>
diff --git a/src/pages/demo/plugins/import/csv.vue b/src/pages/demo/plugins/import/csv.vue
index 73eea01b..c2ffca61 100644
--- a/src/pages/demo/plugins/import/csv.vue
+++ b/src/pages/demo/plugins/import/csv.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导入 csv"/>
+    <template slot="header">导入 csv</template>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>
diff --git a/src/pages/demo/plugins/import/xlsx.vue b/src/pages/demo/plugins/import/xlsx.vue
index bfb18bda..f5d947dd 100644
--- a/src/pages/demo/plugins/import/xlsx.vue
+++ b/src/pages/demo/plugins/import/xlsx.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导入 xlsx"/>
+    <template slot="header">导入 xlsx</template>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>
diff --git a/src/pages/demo/plugins/js-cookie/index.vue b/src/pages/demo/plugins/js-cookie/index.vue
index e6fe6748..2e004854 100644
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <d2-container type="card">
-    <d2-demo-page-header slot="header" title="基本示例"/>
+  <d2-container>
+    <template slot="header">Cookie 读写</template>
     <p class="d2-mt-0">基本读写删</p>
     <el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
     <el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 49b2c61a..ee0f035a 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -1,9 +1,9 @@
 <template>
-  <d2-container type="card">
+  <d2-container>
     <div slot="header">
       <el-button @click="ajax">发送请求</el-button>
     </div>
-    <el-table v-bind="table" style="width: 100%" class="d2-mb">
+    <el-table v-bind="table" style="width: 100%">
       <el-table-column
         v-for="(item, index) in table.columns"
         :key="index"
@@ -11,7 +11,6 @@
         :label="item.label">
       </el-table-column>
     </el-table>
-    <d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
   </d2-container>
 </template>
 
diff --git a/src/pages/demo/plugins/mock/components/MockDemoCard.vue b/src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue
similarity index 95%
rename from src/pages/demo/plugins/mock/components/MockDemoCard.vue
rename to src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue
index 585df91c..04491ceb 100644
--- a/src/pages/demo/plugins/mock/components/MockDemoCard.vue
+++ b/src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-card class="d2-mb">
+  <el-card shadow="never" class="d2-mb">
     <div slot="header" class="d2-clearfix">
       <el-button type="text" size="mini">{{title}}</el-button>
       <el-tooltip content="重新 mock 数据" placement="top-end">
@@ -23,6 +23,7 @@
 
 <script>
 export default {
+  name: 'd2-demo-mock-card',
   props: {
     title: {
       type: String,
diff --git a/src/pages/demo/plugins/mock/dpd.vue b/src/pages/demo/plugins/mock/dpd.vue
index 85a110f7..1bc2ebf9 100644
--- a/src/pages/demo/plugins/mock/dpd.vue
+++ b/src/pages/demo/plugins/mock/dpd.vue
@@ -1,17 +1,17 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
       <d2-demo-page-header slot="header" title="数据占位符"/>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       v-for="(item, index) in settingDPD"
       :key="index"
       :title="item.title"
       :code="JSON.stringify(item.json, null, 2)"
       :mock="mockResult[index]"
       @reload="doMock(index)">
-    </MockDemoCard>
+    </d2-demo-mock-card>
   </d2-container>
 </template>
 
@@ -22,7 +22,7 @@ import Mock from 'mockjs'
 import settingDPD from './data/settingDPD'
 export default {
   components: {
-    MockDemoCard: () => import('./components/MockDemoCard')
+    'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
   },
   data () {
     return {
diff --git a/src/pages/demo/plugins/mock/dtd.vue b/src/pages/demo/plugins/mock/dtd.vue
index 79e7a8f8..fd545269 100644
--- a/src/pages/demo/plugins/mock/dtd.vue
+++ b/src/pages/demo/plugins/mock/dtd.vue
@@ -1,29 +1,29 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
       <d2-demo-page-header slot="header" title="数据模板"/>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       v-for="(item, index) in settingDTD"
       :key="index"
       :title="item.title"
       :code="JSON.stringify(item.json, null, 2)"
       :mock="mockResult[index]"
       @reload="doMock(index)">
-    </MockDemoCard>
-    <MockDemoCard
+    </d2-demo-mock-card>
+    <d2-demo-mock-card
       :title="fn.title"
       :code="fn.code"
       :mock="fn.mocked"
       @reload="fnMock()">
-    </MockDemoCard>
-    <MockDemoCard
+    </d2-demo-mock-card>
+    <d2-demo-mock-card
       :title="regexp.title"
       :code="regexp.code"
       :mock="regexp.mocked"
       @reload="regexpMock()">
-    </MockDemoCard>
+    </d2-demo-mock-card>
   </d2-container>
 </template>
 
@@ -40,7 +40,7 @@ export default {
     fn
   ],
   components: {
-    MockDemoCard: () => import('./components/MockDemoCard')
+    'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
   },
   data () {
     return {
diff --git a/src/pages/demo/plugins/timeago/index.vue b/src/pages/demo/plugins/timeago/index.vue
index cad12708..2aa51096 100644
--- a/src/pages/demo/plugins/timeago/index.vue
+++ b/src/pages/demo/plugins/timeago/index.vue
@@ -1,15 +1,12 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
-      <d2-demo-page-header title="基本示例"/>
-    </el-card>
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
       <div class="d2-text-center">
         <h1 style="font-size: 30px;">您在{{openPageDateAgo}}打开的此页面</h1>
         <p style="font-size: 10px;">请稍等一下 10秒后会开始自动刷新</p>
       </div>
     </el-card>
-    <el-card class="d2-mb">
+    <el-card shadow="never">
       <div class="d2-text-center">
         <h1 style="font-size: 30px;">{{dateTimeRangeAgo}}</h1>
         <el-date-picker
@@ -21,9 +18,6 @@
         </el-date-picker>
       </div>
     </el-card>
-    <el-card>
-      <d2-markdown url="/static/md/插件 - timeago.md"/>
-    </el-card>
   </d2-container>
 </template>