example-phone

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",

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>

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

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