diff --git a/src/pages/demo/plugins/clipboard-polyfill/readme.vue b/src/pages/demo/plugins/clipboard-polyfill/readme.vue
deleted file mode 100644
index b216c1cf..00000000
--- a/src/pages/demo/plugins/clipboard-polyfill/readme.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/lgarron/clipboard-polyfill">
-    </PageHeader>
-    <div>
-      <Markdown url="https://raw.githubusercontent.com/lgarron/clipboard-polyfill/master/README.md"></Markdown>
-    </div>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/countup/demo.vue b/src/pages/demo/plugins/countup/demo.vue
index c4de9597..d20e4281 100644
--- a/src/pages/demo/plugins/countup/demo.vue
+++ b/src/pages/demo/plugins/countup/demo.vue
@@ -1,6 +1,12 @@
 <template>
   <Container type="ghost" class="page">
-    <el-row :gutter="10">
+    <el-card>
+      <PageHeader
+        title="组件封装演示"
+        url="https://github.com/inorganik/countUp.js">
+      </PageHeader>
+    </el-card>
+    <el-row :gutter="20">
       <el-col :span="6">
         <el-card>
           <p slot="title">只设置目标数字</p>
@@ -79,7 +85,7 @@ export default {
 .page {
   .el-card {
     @extend %unable-select;
-    margin-bottom: 10px;
+    margin-bottom: $margin;
     .group {
       display: flex;
       justify-content: center;
diff --git a/src/pages/demo/plugins/countup/readme.vue b/src/pages/demo/plugins/countup/readme.vue
deleted file mode 100644
index a8de2393..00000000
--- a/src/pages/demo/plugins/countup/readme.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/inorganik/countUp.js">
-    </PageHeader>
-    <div>
-      <Markdown url="https://raw.githubusercontent.com/inorganik/countUp.js/master/README.md"></Markdown>
-    </div>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/highlight/demo.vue b/src/pages/demo/plugins/highlight/demo.vue
index ddfea647..cdd3f798 100644
--- a/src/pages/demo/plugins/highlight/demo.vue
+++ b/src/pages/demo/plugins/highlight/demo.vue
@@ -1,10 +1,16 @@
 <template>
   <Container type="ghost">
+    <el-card class="dd-mb">
+      <PageHeader
+        title="组件封装演示"
+        url="https://github.com/isagalaev/highlight.js">
+      </PageHeader>
+    </el-card>
     <el-card class="dd-mb">
       <p slot="title">javascript</p>
       <Highlight :code="codeJavascript"></Highlight>
     </el-card>
-    <el-row :gutter="10">
+    <el-row :gutter="20">
       <el-col :span="8">
         <el-card class="dd-mb">
           <p slot="title">css</p>
diff --git a/src/pages/demo/plugins/highlight/readme.vue b/src/pages/demo/plugins/highlight/readme.vue
deleted file mode 100644
index d2bd826f..00000000
--- a/src/pages/demo/plugins/highlight/readme.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/isagalaev/highlight.js">
-    </PageHeader>
-    <div>
-      <Markdown url="https://raw.githubusercontent.com/isagalaev/highlight.js/master/README.md"></Markdown>
-    </div>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/js-cookie/demo.vue b/src/pages/demo/plugins/js-cookie/demo.vue
index 7a1cd407..c5a18979 100644
--- a/src/pages/demo/plugins/js-cookie/demo.vue
+++ b/src/pages/demo/plugins/js-cookie/demo.vue
@@ -1,19 +1,20 @@
 <template>
   <Container type="ghost">
     <el-card class="dd-mb">
-      <p slot="title">基本读写删</p>
+      <PageHeader
+        slot="header"
+        title="基本示例"
+        url="https://github.com/js-cookie/js-cookie">
+      </PageHeader>
+      <p class="dd-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>
       <el-button type="error" @click="remove('test-user-name')">remove('test-user-name')</el-button>
-    </el-card>
-    <el-card class="dd-mb">
-      <p slot="title">设置有效期</p>
+      <p>设置有效期</p>
       <el-button type="primary" @click="setExpires('test-user-pwd', '123456789', 1)">设置 'test-user-pwd' 有效期为一天</el-button>
       <el-button type="info" @click="get('test-user-pwd')">get('test-user-pwd')</el-button>
       <el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
-    </el-card>
-    <el-card class="dd-mb">
-      <p slot="title">获取所有可以获得的数据</p>
+      <p>获取所有可以获得的数据</p>
       <el-button type="info" @click="getAll">getAll</el-button>
     </el-card>
   </Container>
diff --git a/src/pages/demo/plugins/js-cookie/readme.vue b/src/pages/demo/plugins/js-cookie/readme.vue
deleted file mode 100644
index 9a9c6004..00000000
--- a/src/pages/demo/plugins/js-cookie/readme.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/js-cookie/js-cookie">
-    </PageHeader>
-    <div>
-      <Markdown url="https://raw.githubusercontent.com/js-cookie/js-cookie/master/README.md"></Markdown>
-    </div>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/mock/demoDPD.vue b/src/pages/demo/plugins/mock/demoDPD.vue
index 734430c9..39361e7a 100644
--- a/src/pages/demo/plugins/mock/demoDPD.vue
+++ b/src/pages/demo/plugins/mock/demoDPD.vue
@@ -1,6 +1,11 @@
 <template>
   <Container type="ghost">
     <el-card class="dd-mb">
+      <PageHeader
+        slot="header"
+        title="数据占位符"
+        url="https://github.com/nuysoft/Mock">
+      </PageHeader>
       <Markdown url="/static/markdownFiles/article/mock演示页面介绍.md"></Markdown>
     </el-card>
     <MockDemoCard
diff --git a/src/pages/demo/plugins/mock/demoDTD.vue b/src/pages/demo/plugins/mock/demoDTD.vue
index 6813868f..d0c9cc8d 100644
--- a/src/pages/demo/plugins/mock/demoDTD.vue
+++ b/src/pages/demo/plugins/mock/demoDTD.vue
@@ -1,6 +1,11 @@
 <template>
   <Container type="ghost">
     <el-card class="dd-mb">
+      <PageHeader
+        slot="header"
+        title="数据模板"
+        url="https://github.com/nuysoft/Mock">
+      </PageHeader>
       <Markdown url="/static/markdownFiles/article/mock演示页面介绍.md"></Markdown>
     </el-card>
     <MockDemoCard
diff --git a/src/pages/demo/plugins/mock/grammaticalNorm.vue b/src/pages/demo/plugins/mock/grammaticalNorm.vue
deleted file mode 100644
index 51122ab3..00000000
--- a/src/pages/demo/plugins/mock/grammaticalNorm.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="mock语法规范"
-      url="https://github.com/nuysoft/Mock">
-    </PageHeader>
-    <Markdown url="/static/markdownFiles/article/mock语法规范.md"></Markdown>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/mock/readme.vue b/src/pages/demo/plugins/mock/readme.vue
deleted file mode 100644
index 5242b332..00000000
--- a/src/pages/demo/plugins/mock/readme.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/nuysoft/Mock">
-    </PageHeader>
-    <Markdown url="https://raw.githubusercontent.com/nuysoft/Mock/refactoring/README.md"></Markdown>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/papaParse/readme.vue b/src/pages/demo/plugins/papaParse/readme.vue
deleted file mode 100644
index 398365d1..00000000
--- a/src/pages/demo/plugins/papaParse/readme.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/mholt/PapaParse">
-    </PageHeader>
-    <Markdown url="https://raw.githubusercontent.com/mholt/PapaParse/master/README.md"></Markdown>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/simpleMDE/readme.vue b/src/pages/demo/plugins/simpleMDE/readme.vue
deleted file mode 100644
index 15402f14..00000000
--- a/src/pages/demo/plugins/simpleMDE/readme.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/sparksuite/simplemde-markdown-editor">
-    </PageHeader>
-    <Markdown url="https://raw.githubusercontent.com/sparksuite/simplemde-markdown-editor/master/README.md"></Markdown>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/vue-splitpane/readme.vue b/src/pages/demo/plugins/vue-splitpane/readme.vue
deleted file mode 100644
index 21d9813d..00000000
--- a/src/pages/demo/plugins/vue-splitpane/readme.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="README.md"
-      url="https://github.com/PanJiaChen/vue-split-pane">
-    </PageHeader>
-    <Markdown url="https://raw.githubusercontent.com/PanJiaChen/vue-split-pane/master/README.md"></Markdown>
-  </Container>
-</template>
\ No newline at end of file
diff --git a/src/router/menu/_plugin.js b/src/router/menu/_plugin.js
index fa265b86..1ce72d8d 100644
--- a/src/router/menu/_plugin.js
+++ b/src/router/menu/_plugin.js
@@ -34,13 +34,6 @@ export const pluginMenu = {
       title: 'MD编辑器',
       icon: 'columns',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'simpleMDE/readme',
-          name: 'demo-plugin-simpleMDE-readme',
-          component: resolve => { require(['@/pages/demo/plugins/simpleMDE/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -83,13 +76,6 @@ export const pluginMenu = {
       title: '可调布局',
       icon: 'object-group',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'vue-splitpane/readme',
-          name: 'demo-plugin-vue-splitpane-readme',
-          component: resolve => { require(['@/pages/demo/plugins/vue-splitpane/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -104,13 +90,6 @@ export const pluginMenu = {
       title: '表格解析',
       icon: 'eye',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'papaParse/readme',
-          name: 'demo-plugin-papaParse-readme',
-          component: resolve => { require(['@/pages/demo/plugins/papaParse/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -125,13 +104,6 @@ export const pluginMenu = {
       title: '数字动画',
       icon: 'magic',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'countup/readme',
-          name: 'demo-plugin-countup-readme',
-          component: resolve => { require(['@/pages/demo/plugins/countup/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -146,13 +118,6 @@ export const pluginMenu = {
       title: '剪贴板',
       icon: 'clipboard',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'clipboard-polyfill/readme',
-          name: 'demo-plugin-clipboard-polyfill-readme',
-          component: resolve => { require(['@/pages/demo/plugins/clipboard-polyfill/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -167,13 +132,6 @@ export const pluginMenu = {
       title: 'Cookie',
       icon: 'hdd-o',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'js-cookie/readme',
-          name: 'demo-plugin-js-cookie-readme',
-          component: resolve => { require(['@/pages/demo/plugins/js-cookie/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -188,13 +146,6 @@ export const pluginMenu = {
       title: '代码高亮',
       icon: 'code',
       children: [
-        {
-          title: 'README',
-          icon: 'file-text',
-          path: 'highlight/readme',
-          name: 'demo-plugin-highlight-readme',
-          component: resolve => { require(['@/pages/demo/plugins/highlight/readme.vue'], resolve) }
-        },
         {
           title: '基本示例',
           icon: 'file-o',
@@ -210,28 +161,14 @@ export const pluginMenu = {
       icon: 'globe',
       children: [
         {
-          title: 'README',
-          icon: 'file-text',
-          path: 'mock/readme',
-          name: 'demo-plugin-mock-readme',
-          component: resolve => { require(['@/pages/demo/plugins/mock/readme.vue'], resolve) }
-        },
-        {
-          title: '语法规范',
-          icon: 'file-text',
-          path: 'mock/grammaticalNorm',
-          name: 'demo-plugin-mock-grammaticalNorm',
-          component: resolve => { require(['@/pages/demo/plugins/mock/grammaticalNorm.vue'], resolve) }
-        },
-        {
-          title: '数据模板示例',
+          title: '数据模板',
           icon: 'file-o',
           path: 'mock/demoDTD',
           name: 'demo-plugin-mock-demoDTD',
           component: resolve => { require(['@/pages/demo/plugins/mock/demoDTD.vue'], resolve) }
         },
         {
-          title: '数据占位符示例',
+          title: '数据占位符',
           icon: 'file-o',
           path: 'mock/demoDPD',
           name: 'demo-plugin-mock-demoDPD',