diff --git a/docs/assets/docs.css b/docs/assets/docs.css
index 188432d43..9c18a759c 100644
--- a/docs/assets/docs.css
+++ b/docs/assets/docs.css
@@ -67,7 +67,8 @@ code.hljs {
 }
 
 .main-content {
-  margin: 50px 15px 40px;
+  margin: 110px 20px 40px;
+  padding-top: 20px;
 }
 
 .page-container {
diff --git a/docs/components/footer-nav.vue b/docs/components/footer-nav.vue
index 49b3d3e09..dec1cd707 100644
--- a/docs/components/footer-nav.vue
+++ b/docs/components/footer-nav.vue
@@ -97,14 +97,13 @@ export default {
       line-height: 1.5;
 
       .zan-icon {
-        box-sizing: border-box;
         width: 20px;
         font-size: 12px;
-        line-height: 16px;
+        line-height: 20px;
         border: 2px solid #3388FF;
         border-radius: 50%;
         text-align: center;
-        margin-top: 5px;
+        margin-top: 3px;
       }
     }
 
diff --git a/docs/components/page-header.vue b/docs/components/page-header.vue
index f8c83f8de..e6aac4797 100644
--- a/docs/components/page-header.vue
+++ b/docs/components/page-header.vue
@@ -5,24 +5,24 @@
     </h1>
     <ul class="page-header__navs">
       <li class="page-header__item">
-        <a href="#" class="page-header__link">首页</a>
+        <a href="/" class="page-header__link">首页</a>
       </li>
       <li class="page-header__item">
-        <a href="#" class="page-header__link">PC端</a>
+        <a href="http://react.fe.qima-inc.com/" class="page-header__link">PC端</a>
       </li>
       <li class="page-header__item">
-        <a href="#" class="page-header__link page-header__link--active">移动端</a>
+        <a href="http://zanui.qima-inc.com/vue" class="page-header__link page-header__link--active">移动端</a>
       </li>
       <li class="page-header__item">
-        <a href="#" class="page-header__link">微信小程序</a>
+        <a href="https://github.com/youzan/zanui-weapp" class="page-header__link">微信小程序</a>
       </li>
     </ul>
     <ul class="page-header__subnavs">
       <li class="page-header__item">
-        <a href="#" class="page-header__link page-header__link--active">基础组件</a>
+        <a href="http://zanui.qima-inc.com/vue" class="page-header__link page-header__link--active">基础组件</a>
       </li>
       <li class="page-header__item">
-        <a href="#" class="page-header__link">业务组件</a>
+        <a href="http://zanui.qima-inc.com/captain" class="page-header__link">业务组件</a>
       </li>
       <li class="page-header__item">
         <span class="page-header__link">V1.0</span>
@@ -37,9 +37,12 @@
 <style>
 @component-namespace page {
   @b header {
+    position: fixed;
+    top: 0;
+    z-index: 1;
+    width: 100%;
     height: 60px;
     background-color: #fbfbfb;
-    position: relative;
 
     @e logo {
       float: left;
@@ -61,6 +64,7 @@
 
     @e item {
       float: left;
+      height: 50px;
     }
 
     @e subnavs {
@@ -70,6 +74,7 @@
       display: flex;
       justify-content: center;
       width: 100%;
+      background-color: #f2f2f2;
 
       a,
       span {