diff --git a/document/common/config/menu.json b/document/common/config/menu.json
index f0950e85a..c1fdf6f4e 100644
--- a/document/common/config/menu.json
+++ b/document/common/config/menu.json
@@ -2,7 +2,6 @@
   "en-US": {
     "overview": {
       "name": "Overview",
-      "isRootActive": false,
       "subList": {
         "introduction": "Introduction",
         "quick-start": "QuickStart",
@@ -13,7 +12,6 @@
     },
     "components": {
       "name": "Components",
-      "isRootActive": false,
       "subList": {
         "basic": {
           "name": "Basic",
@@ -134,7 +132,6 @@
     },
     "modules": {
       "name": "模块",
-      "isRootActive": false,
       "angle": "03",
       "subList": {
         "style": "style",
diff --git a/document/components/display/display.vue b/document/components/display/display.vue
index f7a4dacf1..2033c0edb 100644
--- a/document/components/display/display.vue
+++ b/document/components/display/display.vue
@@ -40,19 +40,20 @@
     position: relative
     .display-wrapper
       position: absolute
-      width: 348px
-      height: 756px
+      width: 330px
+      height: 645px
       top: 50%
       left: 50%
       transform: translate(-50%, -50%)
-      background: url("./phone.png") no-repeat
+      background: url("./iphoneX.png") no-repeat
       background-size: cover
       .mofang-demo
         position: absolute
-        top: 104px
-        left: 14px
-        right: 14px
-        height: 550px
-        border-radius: 4px
-        background-color: $color-white
+        top: 64px
+        left: 22px
+        right: 22px
+        bottom: 36px
+        overflow: hidden
+        border-radius: 0 0 35px 35px
+        background-color: #edf0f4
 </style>
diff --git a/document/components/display/iphoneX.png b/document/components/display/iphoneX.png
new file mode 100644
index 000000000..26793a8de
Binary files /dev/null and b/document/components/display/iphoneX.png differ
diff --git a/document/components/index/index.vue b/document/components/index/index.vue
index 395e81fda..65e6d7d59 100644
--- a/document/components/index/index.vue
+++ b/document/components/index/index.vue
@@ -50,25 +50,17 @@
 </script>
 <style lang="stylus">
   .home-index
-    position: relative
     min-height: 100%
     box-sizing: border-box
-    overflow: hidden
     text-align: center
     background-size: cover
-    &::after
-      content: ""
-      position: absolute
-      top: 0
-      left: 0
-      bottom: 0
-      right: 0
-      background: url("./cube.png") no-repeat 520px -31px
-      background-size: 1515px 696px
     > .banner
-      padding: 120px 198px 210px 198px
+      padding: 190px 198px 210px 198px
+      margin-top: -70px
       text-align: left
       color: #4B4B4C
+      background: url("./cube.png") no-repeat 520px -31px
+      background-size: 1515px 696px
       @media screen and (max-width: 960px)
         padding: 50px 0 30px 0
         text-align: center
diff --git a/example/App.vue b/example/App.vue
index 3781553bc..d5002a698 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -144,8 +144,8 @@
     height: 44px
     line-height: 44px
     text-align: center
-    background-color: #f7f7f7
-    box-shadow: 0 1px 6px #ccc
+    background-color: #EDF0F4
+    box-shadow: 0 2px 1px #e9eaea
     -webkit-backface-visibility: hidden
     backface-visibility: hidden
     h1