diff --git a/src/components/index.js b/src/components/index.js
index 126095aa..ca6a67f0 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -6,6 +6,8 @@ import SplitPane from 'vue-splitpane'
 import d2Container from './d2-container'
 import d2LinkBtn from './d2-link-btn'
 
+// 注意 有些组件使用异步加载会有影响
+
 Vue.component('d2-grid-layout', GridLayout)
 Vue.component('d2-grid-item', GridItem)
 Vue.component('SplitPane', SplitPane)
diff --git a/src/pages/index/page.vue b/src/pages/index/page.vue
index 3bef9e43..a6c2258d 100644
--- a/src/pages/index/page.vue
+++ b/src/pages/index/page.vue
@@ -5,10 +5,10 @@
       sub-title="追求简约美感的后台管理系统集成方案">
       <img src="./image/icon.png">
       <div slot="footer" class="index-btn-group">
-        <a href="https://github.com/d2-projects/d2-admin" target="blank">主页</a> |
-        <a href="http://d2admin.fairyever.com/zh/" target="blank">文档</a> |
-        <a href="https://github.com/d2-projects/d2-admin/issues" target="blank">issue</a> |
-        <a href="https://github.com/d2-projects/d2-admin/issues/new" target="blank">提问</a>
+        <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-page-cover>
   </d2-container>
@@ -18,7 +18,7 @@
 @import '~@/assets/style/public.scss';
 .index-btn-group {
   color: $color-text-placehoder;
-  a {
+  span {
     color: $color-text-sub;
     &:hover {
       color: $color-text-main;