d2-help

Former-commit-id: 866480430e4c5ae308e51f441856f429ab8bc0f0 [formerly 866480430e4c5ae308e51f441856f429ab8bc0f0 [formerly 866480430e4c5ae308e51f441856f429ab8bc0f0 [formerly 866480430e4c5ae308e51f441856f429ab8bc0f0 [formerly 1c6f38c4a77bddb89aeeb06f415ff44bee2bfd02 [formerly 320272cbd35f931212a87226c98eb3645ec6bb0e]]]]]
Former-commit-id: 3935e79fe3a291de1966557e5105be7a5ad2b153
Former-commit-id: d8c534199198c80a58427be1371273a8485afe0e
Former-commit-id: 33d4af5e5ef4686e59db6e3077f8d25f692e98e9 [formerly 5f4dbf627757249fde0b2a1bd791a3ec1835b2a3]
Former-commit-id: b6ce3d9b6c9194ddcd4116ed35f214b3d70c5339
Former-commit-id: 55b2c7de8728ae19d39977c81fe63f0391af7b45
Former-commit-id: be7f82757a268df89e384cae826670bec6ebc864
Former-commit-id: 8659b88eb0de86b68b5373f413c3a25b35567b18
Former-commit-id: 53a8acf0efc5aa2236330f63b6c836c1542855d6

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"

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'))

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 () {

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>