diff --git a/src/components/Share/dropdownMenu.vue b/src/components/Share/dropdownMenu.vue
index 13cab547..f00b9cd7 100644
--- a/src/components/Share/dropdownMenu.vue
+++ b/src/components/Share/dropdownMenu.vue
@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" >
-$n: 5; //和items.length 相同
+$n: 6; //和items.length 相同
 $t: .1s;
 .share-dropdown-menu {
   width: 250px;
diff --git a/src/views/components-demo/mixin.vue b/src/views/components-demo/mixin.vue
index e6a29b40..78adb069 100644
--- a/src/views/components-demo/mixin.vue
+++ b/src/views/components-demo/mixin.vue
@@ -86,7 +86,7 @@
           <div slot="header" class="clearfix">
             <span>Share</span>
           </div>
-          <div class="component-item" style="height:360px;">
+          <div class="component-item" style="height:420px;">
             <dropdown-menu style="margin:0 auto;" title='系列文章' :items='articleList'></dropdown-menu>
           </div>
         </el-card>
@@ -134,7 +134,8 @@ export default {
         { title: '登录权限篇', href: 'https://segmentfault.com/a/1190000009506097' },
         { title: '实战篇', href: 'https://segmentfault.com/a/1190000009762198' },
         { title: 'vueAdmin-template 篇', href: 'https://segmentfault.com/a/1190000010043013' },
-        { title: '自行封装 component', href: 'https://segmentfault.com/a/1190000009090836' }
+        { title: '自行封装 component', href: 'https://segmentfault.com/a/1190000009090836' },
+        { title: '优雅的使用 icon', href: 'https://segmentfault.com/a/https://segmentfault.com/a/1190000012213278' }
       ]
     }
   }
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
index c4009abc..89e1c934 100644
--- a/src/views/documentation/index.vue
+++ b/src/views/documentation/index.vue
@@ -19,7 +19,8 @@ export default {
         { title: '登录权限篇', href: 'https://segmentfault.com/a/1190000009506097' },
         { title: '实战篇', href: 'https://segmentfault.com/a/1190000009762198' },
         { title: 'vueAdmin-template 篇', href: 'https://segmentfault.com/a/1190000010043013' },
-        { title: '自行封装 component', href: 'https://segmentfault.com/a/1190000009090836' }
+        { title: '自行封装 component', href: 'https://segmentfault.com/a/1190000009090836' },
+        { title: '优雅的使用 icon', href: 'https://segmentfault.com/a/https://segmentfault.com/a/1190000012213278' }
       ]
     }
   }