diff --git a/src/components/demo/PageIndexArticle/index.vue b/src/components/demo/d2-demo-page-cover/index.vue
similarity index 100%
rename from src/components/demo/PageIndexArticle/index.vue
rename to src/components/demo/d2-demo-page-cover/index.vue
diff --git a/src/components/demo/register.js b/src/components/demo/register.js
index 7b3b697e..6e102fec 100644
--- a/src/components/demo/register.js
+++ b/src/components/demo/register.js
@@ -1,4 +1,4 @@
 import Vue from 'vue'
 
 Vue.component('d2-demo-page-header', () => import('@/components/demo/d2-demo-page-header'))
-Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))
+Vue.component('d2-demo-page-cover', () => import('@/components/demo/d2-demo-page-cover'))
diff --git a/src/pages/core/index/index.vue b/src/pages/core/index/index.vue
index b390df7e..84832231 100644
--- a/src/pages/core/index/index.vue
+++ b/src/pages/core/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container type="full">
-    <PageIndexArticle
+    <d2-demo-page-cover
       title="I AM D2ADMIN"
       sub-title="追求简约美感 & 上手即用的后台管理系统模板">
       <img src="@/assets/image/logo/w500.png">
-    </PageIndexArticle>
+    </d2-demo-page-cover>
   </d2-container>
 </template>
diff --git a/src/pages/demo/business/index/index.vue b/src/pages/demo/business/index/index.vue
index 0dbf3bf4..a9927cb4 100644
--- a/src/pages/demo/business/index/index.vue
+++ b/src/pages/demo/business/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container type="full">
-    <PageIndexArticle
+    <d2-demo-page-cover
       title="示例业务页面"
       sub-title="如果用不到 建议删除相关代码">
       <img src="@/assets/image/logo/w500-business.png">
-    </PageIndexArticle>
+    </d2-demo-page-cover>
   </d2-container>
 </template>
\ No newline at end of file
diff --git a/src/pages/demo/chart/index/index.vue b/src/pages/demo/chart/index/index.vue
index 71958399..d880c51f 100644
--- a/src/pages/demo/chart/index/index.vue
+++ b/src/pages/demo/chart/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container type="full">
-    <PageIndexArticle
+    <d2-demo-page-cover
       title="内置 G2 图表库"
       sub-title="如果用不到 建议删除相关代码和依赖">
       <img src="@/assets/image/logo/w500-chart.png">
-    </PageIndexArticle>
+    </d2-demo-page-cover>
   </d2-container>
 </template>
\ No newline at end of file
diff --git a/src/pages/demo/components/index/index.vue b/src/pages/demo/components/index/index.vue
index a32ef350..4193223b 100644
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container type="full">
-    <PageIndexArticle
+    <d2-demo-page-cover
       title="内置组件"
       sub-title="D2Admin 为你提供了一些上手即用的组件">
       <img src="@/assets/image/logo/w500-component.png">
-    </PageIndexArticle>
+    </d2-demo-page-cover>
   </d2-container>
 </template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index 3ea52624..703f4694 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -1,9 +1,9 @@
 <template>
   <d2-container type="full">
-    <PageIndexArticle
+    <d2-demo-page-cover
       title="插件演示"
       sub-title="D2Admin 集成了许多实用插件">
       <img src="@/assets/image/logo/w500-plugin.png">
-    </PageIndexArticle>
+    </d2-demo-page-cover>
   </d2-container>
 </template>
\ No newline at end of file