diff --git a/src/layout/header-aside/components/header-help/image/qq.jpg.REMOVED.git-id b/src/components/d2-help/image/qq.jpg.REMOVED.git-id
similarity index 100%
rename from src/layout/header-aside/components/header-help/image/qq.jpg.REMOVED.git-id
rename to src/components/d2-help/image/qq.jpg.REMOVED.git-id
diff --git a/src/layout/header-aside/components/header-help/image/we.jpg.REMOVED.git-id b/src/components/d2-help/image/we.jpg.REMOVED.git-id
similarity index 100%
rename from src/layout/header-aside/components/header-help/image/we.jpg.REMOVED.git-id
rename to src/components/d2-help/image/we.jpg.REMOVED.git-id
diff --git a/src/layout/header-aside/components/header-help/index.vue b/src/components/d2-help/index.vue
similarity index 85%
rename from src/layout/header-aside/components/header-help/index.vue
rename to src/components/d2-help/index.vue
index 23fa633c..023e173c 100644
--- a/src/layout/header-aside/components/header-help/index.vue
+++ b/src/components/d2-help/index.vue
@@ -1,10 +1,9 @@
 <template>
   <div>
-    <el-tooltip effect="dark" content="疑问" placement="bottom">
-      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
-        <d2-icon name="question-circle" style="font-size: 20px"/>
-      </el-button>
-    </el-tooltip>
+    <img
+      src="./image/d2-help-button@2x.png"
+      style="width: 138px;"
+      @click="dialogVisible = true">
     <el-dialog
       title="帮助"
       width="600px"
diff --git a/src/components/index.js b/src/components/index.js
index e2dd374e..375d7c67 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -17,6 +17,7 @@ Vue.component('d2-link-btn', d2LinkBtn)
 Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
 Vue.component('d2-error-log-list', () => import('./d2-error-log-list'))
+Vue.component('d2-help', () => import('./d2-help'))
 Vue.component('d2-highlight', () => import('./d2-highlight'))
 Vue.component('d2-icon', () => import('./d2-icon'))
 Vue.component('d2-icon-select', () => import('./d2-icon-select/index.vue'))
diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 5c249a89..04dce9ce 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -21,7 +21,6 @@
         <div class="d2-header-right">
           <!-- 如果你只想在开发环境显示这个按钮请添加 v-if="$env === 'development'" -->
           <d2-header-error-log/>
-          <d2-header-help/>
           <d2-header-fullscreen/>
           <d2-header-theme/>
           <d2-header-user/>
@@ -66,7 +65,6 @@ export default {
     'd2-header-fullscreen': () => import('./components/header-fullscreen'),
     'd2-header-theme': () => import('./components/header-theme'),
     'd2-header-user': () => import('./components/header-user'),
-    'd2-header-help': () => import('./components/header-help'),
     'd2-header-error-log': () => import('./components/header-error-log')
   },
   data () {
diff --git a/src/pages/index/page.vue b/src/pages/index/page.vue
index 15ae8f36..f0877c9f 100644
--- a/src/pages/index/page.vue
+++ b/src/pages/index/page.vue
@@ -4,12 +4,15 @@
       title="I AM D2ADMIN"
       sub-title="追求简约美感的后台管理系统集成方案">
       <d2-icon-svg style="width: 120px;" name="d2admin"/>
-      <div slot="footer" class="index-btn-group">
-        <span @click="$open('https://github.com/d2-projects/d2-admin')">主页</span> |
-        <span @click="$open('http://d2admin.fairyever.com/zh/')">文档</span> |
-        <span @click="$open('https://github.com/d2-projects/d2-admin/issues')">issue</span> |
-        <span @click="$open('https://github.com/d2-projects/d2-admin/issues/new')">提问</span>
-      </div>
+      <template slot="footer">
+        <div class="index-btn-group">
+          <span @click="$open('https://github.com/d2-projects/d2-admin')">主页</span> |
+          <span @click="$open('http://d2admin.fairyever.com/zh/')">文档</span> |
+          <span @click="$open('https://github.com/d2-projects/d2-admin/issues')">issue</span> |
+          <span @click="$open('https://github.com/d2-projects/d2-admin/issues/new')">提问</span>
+        </div>
+        <d2-help class="d2-mt"/>
+      </template>
     </d2-page-cover>
   </d2-container>
 </template>