diff --git a/src/components/demo/d2-demo-link-btn/index.vue b/src/components/demo/d2-link-btn/index.vue
similarity index 95%
rename from src/components/demo/d2-demo-link-btn/index.vue
rename to src/components/demo/d2-link-btn/index.vue
index 83fcb8ee..2c461eac 100644
--- a/src/components/demo/d2-demo-link-btn/index.vue
+++ b/src/components/demo/d2-link-btn/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: 'd2-demo-link-btn',
+  name: 'd2-link-btn',
   props: {
     title: {
       type: String,
diff --git a/src/components/demo/d2-demo-page-cover/index.vue b/src/components/demo/d2-page-cover/index.vue
similarity index 100%
rename from src/components/demo/d2-demo-page-cover/index.vue
rename to src/components/demo/d2-page-cover/index.vue
diff --git a/src/components/demo/index.js b/src/components/demo/index.js
index fd43834c..fd8ffe19 100644
--- a/src/components/demo/index.js
+++ b/src/components/demo/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 
-import d2DemoLinkBtn from '@/components/demo/d2-demo-link-btn'
+import d2DemoLinkBtn from '@/components/demo/d2-link-btn'
 
-Vue.component('d2-demo-link-btn', d2DemoLinkBtn)
-Vue.component('d2-demo-page-cover', () => import('@/components/demo/d2-demo-page-cover'))
+Vue.component('d2-link-btn', d2DemoLinkBtn)
+Vue.component('d2-page-cover', () => import('@/components/demo/d2-page-cover'))
diff --git a/src/pages/dashboard/page.vue b/src/pages/dashboard/page.vue
index 7377bcf8..5d467d29 100644
--- a/src/pages/dashboard/page.vue
+++ b/src/pages/dashboard/page.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="I AM D2ADMIN"
       sub-title="追求简约美感 & 上手即用的后台管理系统模板">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/index/index.vue b/src/pages/demo/charts/index/index.vue
index cae23cf9..b895748f 100644
--- a/src/pages/demo/charts/index/index.vue
+++ b/src/pages/demo/charts/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="图表"
       sub-title="集成图表组件">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/bar/demo1/index.vue b/src/pages/demo/charts/list/bar/demo1/index.vue
index a93740e6..f7f59acf 100644
--- a/src/pages/demo/charts/list/bar/demo1/index.vue
+++ b/src/pages/demo/charts/list/bar/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/bar/demo2/index.vue b/src/pages/demo/charts/list/bar/demo2/index.vue
index a5b781ca..98645c8c 100644
--- a/src/pages/demo/charts/list/bar/demo2/index.vue
+++ b/src/pages/demo/charts/list/bar/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/bar/demo3/index.vue b/src/pages/demo/charts/list/bar/demo3/index.vue
index 20aad409..b8ba9c48 100644
--- a/src/pages/demo/charts/list/bar/demo3/index.vue
+++ b/src/pages/demo/charts/list/bar/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/bar/demo4/index.vue b/src/pages/demo/charts/list/bar/demo4/index.vue
index a36b1f7a..f358956e 100644
--- a/src/pages/demo/charts/list/bar/demo4/index.vue
+++ b/src/pages/demo/charts/list/bar/demo4/index.vue
@@ -5,7 +5,7 @@
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/bar/demo5/index.vue b/src/pages/demo/charts/list/bar/demo5/index.vue
index e25173bf..6506d552 100644
--- a/src/pages/demo/charts/list/bar/demo5/index.vue
+++ b/src/pages/demo/charts/list/bar/demo5/index.vue
@@ -5,7 +5,7 @@
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/candle/demo1/index.vue b/src/pages/demo/charts/list/candle/demo1/index.vue
index b40f5733..05a931f8 100644
--- a/src/pages/demo/charts/list/candle/demo1/index.vue
+++ b/src/pages/demo/charts/list/candle/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/candle/demo2/index.vue b/src/pages/demo/charts/list/candle/demo2/index.vue
index a790e4ef..999cd7b2 100644
--- a/src/pages/demo/charts/list/candle/demo2/index.vue
+++ b/src/pages/demo/charts/list/candle/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/candle/demo3/index.vue b/src/pages/demo/charts/list/candle/demo3/index.vue
index c85a2ac7..526d22d5 100644
--- a/src/pages/demo/charts/list/candle/demo3/index.vue
+++ b/src/pages/demo/charts/list/candle/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/funnel/demo1/index.vue b/src/pages/demo/charts/list/funnel/demo1/index.vue
index 782de3f4..51171721 100644
--- a/src/pages/demo/charts/list/funnel/demo1/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/funnel/demo2/index.vue b/src/pages/demo/charts/list/funnel/demo2/index.vue
index b2689d23..fb8683c8 100644
--- a/src/pages/demo/charts/list/funnel/demo2/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/gauge/demo1/index.vue b/src/pages/demo/charts/list/gauge/demo1/index.vue
index f67244e2..9b89fba8 100644
--- a/src/pages/demo/charts/list/gauge/demo1/index.vue
+++ b/src/pages/demo/charts/list/gauge/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/heatmap/demo1/index.vue b/src/pages/demo/charts/list/heatmap/demo1/index.vue
index f94e3510..dd17e4e8 100644
--- a/src/pages/demo/charts/list/heatmap/demo1/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/heatmap/demo2/index.vue b/src/pages/demo/charts/list/heatmap/demo2/index.vue
index cf585edd..d8a780a4 100644
--- a/src/pages/demo/charts/list/heatmap/demo2/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo1/index.vue b/src/pages/demo/charts/list/histogram/demo1/index.vue
index 3659d6a8..ebaeaa0e 100644
--- a/src/pages/demo/charts/list/histogram/demo1/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo2/index.vue b/src/pages/demo/charts/list/histogram/demo2/index.vue
index 6e399f90..d5b2ab3e 100644
--- a/src/pages/demo/charts/list/histogram/demo2/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo3/index.vue b/src/pages/demo/charts/list/histogram/demo3/index.vue
index 29c0f467..556dda35 100644
--- a/src/pages/demo/charts/list/histogram/demo3/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo4/index.vue b/src/pages/demo/charts/list/histogram/demo4/index.vue
index 1ab0b112..5647663c 100644
--- a/src/pages/demo/charts/list/histogram/demo4/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo4/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo5/index.vue b/src/pages/demo/charts/list/histogram/demo5/index.vue
index e9fbcb0e..f10aefd2 100644
--- a/src/pages/demo/charts/list/histogram/demo5/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo5/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/histogram/demo6/index.vue b/src/pages/demo/charts/list/histogram/demo6/index.vue
index 3a72da59..8a015281 100644
--- a/src/pages/demo/charts/list/histogram/demo6/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo6/index.vue
@@ -5,7 +5,7 @@
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/line/demo1/index.vue b/src/pages/demo/charts/list/line/demo1/index.vue
index a86fbf7d..d53a62d5 100644
--- a/src/pages/demo/charts/list/line/demo1/index.vue
+++ b/src/pages/demo/charts/list/line/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-line :data="chartData" v-bind="pubSetting"></ve-line>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/line/demo2/index.vue b/src/pages/demo/charts/list/line/demo2/index.vue
index 8e212b6c..e2f71962 100644
--- a/src/pages/demo/charts/list/line/demo2/index.vue
+++ b/src/pages/demo/charts/list/line/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/line/demo3/index.vue b/src/pages/demo/charts/list/line/demo3/index.vue
index 8f590108..3b35b1a0 100644
--- a/src/pages/demo/charts/list/line/demo3/index.vue
+++ b/src/pages/demo/charts/list/line/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/line/demo4/index.vue b/src/pages/demo/charts/list/line/demo4/index.vue
index a22bd168..22a5c67f 100644
--- a/src/pages/demo/charts/list/line/demo4/index.vue
+++ b/src/pages/demo/charts/list/line/demo4/index.vue
@@ -5,7 +5,7 @@
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/line/demo5/index.vue b/src/pages/demo/charts/list/line/demo5/index.vue
index 7b1a2f96..aec16843 100644
--- a/src/pages/demo/charts/list/line/demo5/index.vue
+++ b/src/pages/demo/charts/list/line/demo5/index.vue
@@ -5,7 +5,7 @@
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/map/demo1/index.vue b/src/pages/demo/charts/list/map/demo1/index.vue
index 0a5b4608..5eed188d 100644
--- a/src/pages/demo/charts/list/map/demo1/index.vue
+++ b/src/pages/demo/charts/list/map/demo1/index.vue
@@ -6,7 +6,7 @@
     </div> -->
     大概由于 mock.js 和 v-charts 的网络请求冲突，本示例暂时无法展示
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/map/demo2/index.vue b/src/pages/demo/charts/list/map/demo2/index.vue
index 4f073e0c..edf4a58a 100644
--- a/src/pages/demo/charts/list/map/demo2/index.vue
+++ b/src/pages/demo/charts/list/map/demo2/index.vue
@@ -6,7 +6,7 @@
     </div> -->
     大概由于 mock.js 和 v-charts 的网络请求冲突，本示例暂时无法展示
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/map/demo3/index.vue b/src/pages/demo/charts/list/map/demo3/index.vue
index fa16445b..d3d6c453 100644
--- a/src/pages/demo/charts/list/map/demo3/index.vue
+++ b/src/pages/demo/charts/list/map/demo3/index.vue
@@ -6,7 +6,7 @@
     </div> -->
     <!-- 大概由于 mock.js 和 v-charts 的网络请求冲突，本示例暂时无法展示 -->
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo1/index.vue b/src/pages/demo/charts/list/pie/demo1/index.vue
index cc1e1894..d336bc7a 100644
--- a/src/pages/demo/charts/list/pie/demo1/index.vue
+++ b/src/pages/demo/charts/list/pie/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo2/index.vue b/src/pages/demo/charts/list/pie/demo2/index.vue
index 166fd860..30adb023 100644
--- a/src/pages/demo/charts/list/pie/demo2/index.vue
+++ b/src/pages/demo/charts/list/pie/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo3/index.vue b/src/pages/demo/charts/list/pie/demo3/index.vue
index 1854f5f4..3d5eeccb 100644
--- a/src/pages/demo/charts/list/pie/demo3/index.vue
+++ b/src/pages/demo/charts/list/pie/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo4/index.vue b/src/pages/demo/charts/list/pie/demo4/index.vue
index 4b052f07..c503ff10 100644
--- a/src/pages/demo/charts/list/pie/demo4/index.vue
+++ b/src/pages/demo/charts/list/pie/demo4/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo5/index.vue b/src/pages/demo/charts/list/pie/demo5/index.vue
index 1b6d1136..916a2148 100644
--- a/src/pages/demo/charts/list/pie/demo5/index.vue
+++ b/src/pages/demo/charts/list/pie/demo5/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/pie/demo6/index.vue b/src/pages/demo/charts/list/pie/demo6/index.vue
index e7f9754b..64d47724 100644
--- a/src/pages/demo/charts/list/pie/demo6/index.vue
+++ b/src/pages/demo/charts/list/pie/demo6/index.vue
@@ -5,7 +5,7 @@
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/radar/demo1/index.vue b/src/pages/demo/charts/list/radar/demo1/index.vue
index d8d0e9f8..0e77fac2 100644
--- a/src/pages/demo/charts/list/radar/demo1/index.vue
+++ b/src/pages/demo/charts/list/radar/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/ring/demo1/index.vue b/src/pages/demo/charts/list/ring/demo1/index.vue
index 649ea5fe..46b354d7 100644
--- a/src/pages/demo/charts/list/ring/demo1/index.vue
+++ b/src/pages/demo/charts/list/ring/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/ring/demo2/index.vue b/src/pages/demo/charts/list/ring/demo2/index.vue
index 6de5a563..1400749f 100644
--- a/src/pages/demo/charts/list/ring/demo2/index.vue
+++ b/src/pages/demo/charts/list/ring/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/ring/demo3/index.vue b/src/pages/demo/charts/list/ring/demo3/index.vue
index 84a51f59..97e6daad 100644
--- a/src/pages/demo/charts/list/ring/demo3/index.vue
+++ b/src/pages/demo/charts/list/ring/demo3/index.vue
@@ -5,7 +5,7 @@
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/ring/demo4/index.vue b/src/pages/demo/charts/list/ring/demo4/index.vue
index e8de16b3..18525aea 100644
--- a/src/pages/demo/charts/list/ring/demo4/index.vue
+++ b/src/pages/demo/charts/list/ring/demo4/index.vue
@@ -5,7 +5,7 @@
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/ring/demo5/index.vue b/src/pages/demo/charts/list/ring/demo5/index.vue
index e5cceee0..ea520822 100644
--- a/src/pages/demo/charts/list/ring/demo5/index.vue
+++ b/src/pages/demo/charts/list/ring/demo5/index.vue
@@ -5,7 +5,7 @@
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/sankey/demo1/index.vue b/src/pages/demo/charts/list/sankey/demo1/index.vue
index 21e57ad1..36640e6b 100644
--- a/src/pages/demo/charts/list/sankey/demo1/index.vue
+++ b/src/pages/demo/charts/list/sankey/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/scatter/demo1/index.vue b/src/pages/demo/charts/list/scatter/demo1/index.vue
index dcc8874f..bd7fdcd6 100644
--- a/src/pages/demo/charts/list/scatter/demo1/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/scatter/demo2/index.vue b/src/pages/demo/charts/list/scatter/demo2/index.vue
index dc8a16a4..5d8f5b65 100644
--- a/src/pages/demo/charts/list/scatter/demo2/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo2/index.vue
@@ -5,7 +5,7 @@
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/tree/demo1/index.vue b/src/pages/demo/charts/list/tree/demo1/index.vue
index c31afa83..c9eb047e 100644
--- a/src/pages/demo/charts/list/tree/demo1/index.vue
+++ b/src/pages/demo/charts/list/tree/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/charts/list/waterfall/demo1/index.vue b/src/pages/demo/charts/list/waterfall/demo1/index.vue
index 1335fd7d..cd6dde4c 100644
--- a/src/pages/demo/charts/list/waterfall/demo1/index.vue
+++ b/src/pages/demo/charts/list/waterfall/demo1/index.vue
@@ -5,7 +5,7 @@
       <ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
     </div>
     <template slot="footer">
-      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+      <d2-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/components/container/full-bs.vue b/src/pages/demo/components/container/full-bs.vue
index 28704746..b4bae545 100644
--- a/src/pages/demo/components/container/full-bs.vue
+++ b/src/pages/demo/components/container/full-bs.vue
@@ -5,7 +5,7 @@
     </template>
     <d2-markdown :source="doc"/>
     <template slot="footer">
-      <d2-demo-link-btn title="D2Admin" link="https://github.com/d2-projects/d2-admin"/>
+      <d2-link-btn title="D2Admin" link="https://github.com/d2-projects/d2-admin"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/components/container/full.vue b/src/pages/demo/components/container/full.vue
index b7e43a7d..0e1e620b 100644
--- a/src/pages/demo/components/container/full.vue
+++ b/src/pages/demo/components/container/full.vue
@@ -5,7 +5,7 @@
     </template>
     <d2-markdown :source="doc"/>
     <template slot="footer">
-      <d2-demo-link-btn title="D2Admin" link="https://github.com/d2-projects/d2-admin"/>
+      <d2-link-btn title="D2Admin" link="https://github.com/d2-projects/d2-admin"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/components/index/index.vue b/src/pages/demo/components/index/index.vue
index 7e8e37e4..bdd07a26 100644
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="内置组件"
       sub-title="D2Admin 为你提供了一些上手即用的组件">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-badge/index.vue b/src/pages/demo/element/data-badge/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-badge/index.vue
+++ b/src/pages/demo/element/data-badge/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-pagination/index.vue b/src/pages/demo/element/data-pagination/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-pagination/index.vue
+++ b/src/pages/demo/element/data-pagination/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-progress/index.vue b/src/pages/demo/element/data-progress/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-progress/index.vue
+++ b/src/pages/demo/element/data-progress/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-table/index.vue b/src/pages/demo/element/data-table/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-table/index.vue
+++ b/src/pages/demo/element/data-table/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-tag/index.vue b/src/pages/demo/element/data-tag/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-tag/index.vue
+++ b/src/pages/demo/element/data-tag/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/data-tree/index.vue b/src/pages/demo/element/data-tree/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/data-tree/index.vue
+++ b/src/pages/demo/element/data-tree/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-cascader/index.vue b/src/pages/demo/element/form-cascader/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-cascader/index.vue
+++ b/src/pages/demo/element/form-cascader/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-color-picker/index.vue b/src/pages/demo/element/form-color-picker/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-color-picker/index.vue
+++ b/src/pages/demo/element/form-color-picker/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-date-picker/index.vue b/src/pages/demo/element/form-date-picker/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-date-picker/index.vue
+++ b/src/pages/demo/element/form-date-picker/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-datetime-picker/index.vue b/src/pages/demo/element/form-datetime-picker/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-datetime-picker/index.vue
+++ b/src/pages/demo/element/form-datetime-picker/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-form/index.vue b/src/pages/demo/element/form-form/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-form/index.vue
+++ b/src/pages/demo/element/form-form/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-input-number/index.vue b/src/pages/demo/element/form-input-number/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-input-number/index.vue
+++ b/src/pages/demo/element/form-input-number/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-rate/index.vue b/src/pages/demo/element/form-rate/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-rate/index.vue
+++ b/src/pages/demo/element/form-rate/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-select/index.vue b/src/pages/demo/element/form-select/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-select/index.vue
+++ b/src/pages/demo/element/form-select/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-slider/index.vue b/src/pages/demo/element/form-slider/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-slider/index.vue
+++ b/src/pages/demo/element/form-slider/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-switch/index.vue b/src/pages/demo/element/form-switch/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-switch/index.vue
+++ b/src/pages/demo/element/form-switch/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-time-picker/index.vue b/src/pages/demo/element/form-time-picker/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-time-picker/index.vue
+++ b/src/pages/demo/element/form-time-picker/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-transfer/index.vue b/src/pages/demo/element/form-transfer/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-transfer/index.vue
+++ b/src/pages/demo/element/form-transfer/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/form-upload/index.vue b/src/pages/demo/element/form-upload/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/form-upload/index.vue
+++ b/src/pages/demo/element/form-upload/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/index/index.vue b/src/pages/demo/element/index/index.vue
index 5345d0ca..5b9fd8de 100644
--- a/src/pages/demo/element/index/index.vue
+++ b/src/pages/demo/element/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="基础组件库"
       sub-title="D2Admin 集成由饿了么出品的 ElementUI">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/navigation-breadcrumb/index.vue b/src/pages/demo/element/navigation-breadcrumb/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/navigation-breadcrumb/index.vue
+++ b/src/pages/demo/element/navigation-breadcrumb/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/navigation-dropdown/index.vue b/src/pages/demo/element/navigation-dropdown/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/navigation-dropdown/index.vue
+++ b/src/pages/demo/element/navigation-dropdown/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/navigation-menu/index.vue b/src/pages/demo/element/navigation-menu/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/navigation-menu/index.vue
+++ b/src/pages/demo/element/navigation-menu/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/navigation-steps/index.vue b/src/pages/demo/element/navigation-steps/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/navigation-steps/index.vue
+++ b/src/pages/demo/element/navigation-steps/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/navigation-tabs/index.vue b/src/pages/demo/element/navigation-tabs/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/navigation-tabs/index.vue
+++ b/src/pages/demo/element/navigation-tabs/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/notice-alert/index.vue b/src/pages/demo/element/notice-alert/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/notice-alert/index.vue
+++ b/src/pages/demo/element/notice-alert/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/notice-loading/index.vue b/src/pages/demo/element/notice-loading/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/notice-loading/index.vue
+++ b/src/pages/demo/element/notice-loading/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/notice-message-box/index.vue b/src/pages/demo/element/notice-message-box/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/notice-message-box/index.vue
+++ b/src/pages/demo/element/notice-message-box/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/notice-message/index.vue b/src/pages/demo/element/notice-message/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/notice-message/index.vue
+++ b/src/pages/demo/element/notice-message/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/notice-notification/index.vue b/src/pages/demo/element/notice-notification/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/notice-notification/index.vue
+++ b/src/pages/demo/element/notice-notification/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-card/index.vue b/src/pages/demo/element/others-card/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-card/index.vue
+++ b/src/pages/demo/element/others-card/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-carousel/index.vue b/src/pages/demo/element/others-carousel/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-carousel/index.vue
+++ b/src/pages/demo/element/others-carousel/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-collapse/index.vue b/src/pages/demo/element/others-collapse/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-collapse/index.vue
+++ b/src/pages/demo/element/others-collapse/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-dialog/index.vue b/src/pages/demo/element/others-dialog/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-dialog/index.vue
+++ b/src/pages/demo/element/others-dialog/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-popover/index.vue b/src/pages/demo/element/others-popover/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-popover/index.vue
+++ b/src/pages/demo/element/others-popover/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/element/others-tooltip/index.vue b/src/pages/demo/element/others-tooltip/index.vue
index b81590a2..621a51ca 100644
--- a/src/pages/demo/element/others-tooltip/index.vue
+++ b/src/pages/demo/element/others-tooltip/index.vue
@@ -2,6 +2,6 @@
   <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"/>
+    <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
diff --git a/src/pages/demo/playground/index/index.vue b/src/pages/demo/playground/index/index.vue
index 822b631b..c6b194d0 100644
--- a/src/pages/demo/playground/index/index.vue
+++ b/src/pages/demo/playground/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="试验台"
       sub-title="在这里可以测试一些 D2Admin 的系统功能">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/plugins/better-scroll/to.vue b/src/pages/demo/plugins/better-scroll/to.vue
index 8993b4f6..8520928a 100644
--- a/src/pages/demo/plugins/better-scroll/to.vue
+++ b/src/pages/demo/plugins/better-scroll/to.vue
@@ -36,7 +36,7 @@
       </el-col>
     </el-row>
     <template slot="footer">
-      <d2-demo-link-btn title="文档" link="http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/"/>
+      <d2-link-btn title="文档" link="http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/"/>
     </template>
   </d2-container>
 </template>
diff --git a/src/pages/demo/plugins/day/index.vue b/src/pages/demo/plugins/day/index.vue
index 0fd4fbfa..fa8f52f5 100644
--- a/src/pages/demo/plugins/day/index.vue
+++ b/src/pages/demo/plugins/day/index.vue
@@ -57,7 +57,7 @@
       <el-col :span="12"><el-card shadow="never"><d2-highlight slot="header" :code="`// 是否之后\ndayjs().isAfter(dayjs().add(1, 'day'))`"/>{{dayjs().isAfter(dayjs().add(1, 'day'))}}</el-card></el-col>
       <el-col :span="12"><el-card shadow="never"><d2-highlight slot="header" :code="`// 是否之后\ndayjs().isAfter(dayjs().subtract(1, 'day'))`"/>{{dayjs().isAfter(dayjs().subtract(1, 'day'))}}</el-card></el-col>
     </el-row>
-    <d2-demo-link-btn slot="footer" title="依赖" link="https://github.com/iamkun/dayjs"/>
+    <d2-link-btn slot="footer" title="依赖" link="https://github.com/iamkun/dayjs"/>
   </d2-container>
 </template>
 
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index fb5bcf10..95f7c248 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container>
-    <d2-demo-page-cover
+    <d2-page-cover
       title="插件演示"
       sub-title="D2Admin 集成了许多实用插件">
       <img src="./image/icon.png">
-    </d2-demo-page-cover>
+    </d2-page-cover>
   </d2-container>
 </template>