diff --git a/README.md b/README.md
index f17e0d7d..369932cf 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 <p align="center">
   <a><img src="https://img.shields.io/github/release/d2-projects/d2-admin.svg"/></a>
-  <a><img src="https://badge.fury.io/js/%40d2-admin%2Fice-scaffold.svg"/></a>
+  <a><img src="https://img.shields.io/npm/v/@d2-admin/ice-scaffold.svg"/></a>
   <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
   <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
   <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
diff --git a/doc/CH.md b/doc/CH.md
index f17e0d7d..369932cf 100644
--- a/doc/CH.md
+++ b/doc/CH.md
@@ -2,7 +2,7 @@
 
 <p align="center">
   <a><img src="https://img.shields.io/github/release/d2-projects/d2-admin.svg"/></a>
-  <a><img src="https://badge.fury.io/js/%40d2-admin%2Fice-scaffold.svg"/></a>
+  <a><img src="https://img.shields.io/npm/v/@d2-admin/ice-scaffold.svg"/></a>
   <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
   <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
   <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
diff --git a/src/pages/index/components/d2-badge/index.vue b/src/pages/index/components/d2-badge/index.vue
new file mode 100644
index 00000000..fd9c4d55
--- /dev/null
+++ b/src/pages/index/components/d2-badge/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="d2-badge">
+    <p align="center">
+      <a><img src="https://img.shields.io/github/release/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/forks/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/stars/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/issues/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/issues-closed/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/issues-pr/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/github/issues-pr-closed/d2-projects/d2-admin.svg"/></a>
+    </p>
+    <p align="center">
+      <a><img src="https://img.shields.io/npm/v/@d2-admin/ice-scaffold.svg"/></a>
+      <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
+      <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
+      <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.d2-badge {
+  margin-bottom: 20px;
+  p {
+    margin: 0px;
+    margin-bottom: 2px;
+    :nth-last-child() {
+      margin-bottom: 0px;
+    }
+    a {
+      display: inline-block;
+      margin: 0px 2px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/index/page.vue b/src/pages/index/page.vue
index f6d5d8e7..458b9dc5 100644
--- a/src/pages/index/page.vue
+++ b/src/pages/index/page.vue
@@ -27,7 +27,8 @@
             </p>
           </el-popover>
         </div>
-        <d2-help-btn class="d2-mt"/>
+        <d2-badge/>
+        <d2-help-btn/>
       </template>
     </d2-page-cover>
   </d2-container>
@@ -35,9 +36,11 @@
 
 <script>
 import D2HelpBtn from './components/d2-help-btn'
+import D2Badge from './components/d2-badge'
 export default {
   components: {
-    D2HelpBtn
+    D2HelpBtn,
+    D2Badge
   }
 }
 </script>
@@ -48,6 +51,8 @@ export default {
   .page__btn-group {
     color: $color-text-placehoder;
     font-size: 12px;
+    margin-top: -10px;
+    margin-bottom: 20px;
     span {
       color: $color-text-sub;
       &:hover {