diff --git a/src/assets/style/public-class.scss b/src/assets/style/public-class.scss
index b0b59636..fd7471b9 100644
--- a/src/assets/style/public-class.scss
+++ b/src/assets/style/public-class.scss
@@ -49,6 +49,22 @@
   margin-left: $margin;
 }
 
+.#{$prefix}-m-10 {
+  margin: 10px;
+}
+.#{$prefix}-mt-10 {
+  margin-top: 10px;
+}
+.#{$prefix}-mr-10 {
+  margin-right: 10px;
+}
+.#{$prefix}-mb-10 {
+  margin-bottom: 10px;
+}
+.#{$prefix}-ml-10 {
+  margin-left: 10px;
+}
+
 .#{$prefix}-m-0 {
   margin: 0px;
 }
diff --git a/src/components/demo/GithubLinkButton/index.vue b/src/components/demo/GithubLinkButton/index.vue
index 9b300813..3fd25e6e 100644
--- a/src/components/demo/GithubLinkButton/index.vue
+++ b/src/components/demo/GithubLinkButton/index.vue
@@ -5,8 +5,11 @@
       placement="top"
       width="160"
       v-model="popover.visible">
-      <p>访问 Github</p>
-      <p style="font-size: 10px;">{{name}}</p>
+      <p class="dd-mt-0 dd-mb-10">
+        <span class="fa fa-github"></span>
+        github
+      </p>
+      <p class="dd-mt-0 dd-mb-10" style="font-size: 10px;">{{name}}</p>
       <div style="text-align: right; margin: 0">
         <el-button size="mini" type="text" @click="popover.visible = false">
           取消
@@ -19,8 +22,8 @@
     <el-button
       v-popover:pop
       v-bind="$attrs">
-      view in
       <span class="fa fa-github"></span>
+      {{name}}
     </el-button>
   </div>
 </template>