<update>(doc): navigator

document/components/home/didi-logo.svg

+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117.55 85.25"><defs><style>.cls-1{fill:#636464;}.cls-2{fill:#fc9153;}</style></defs><title>画板 3</title><path class="cls-1" d="M56,36.83h4.3c4.3,0,7.8,2.7,7.8,7.2,0,4.9-3,7.5-7.8,7.5H56Zm2.1,12.8h2.2c3.6,0,5.6-1.7,5.6-5.5a5.09,5.09,0,0,0-5.4-5.4H58v10.9Z"/><path class="cls-1" d="M73,38.33h-2.2v-2.2H73Zm-2.1,2.4h2v10.7h-2Z"/><path class="cls-1" d="M76.53,36.83h4.3c4.3,0,7.8,2.7,7.8,7.2,0,4.9-3,7.5-7.8,7.5h-4.3Zm2.2,12.8h2.2c3.6,0,5.6-1.7,5.6-5.5a5.09,5.09,0,0,0-5.4-5.4h-2.5v10.9Z"/><path class="cls-1" d="M93.62,38.33h-2.2v-2.2h2.2Zm-2.1,2.4h2v10.7h-2Z"/><path class="cls-2" d="M36.53,50.23a9,9,0,0,0,8.8-8.8v-4.1h5.4v4.6c-.1,7.4-6.6,13.3-14.1,13.5h0c-7.7,0-14.2-6-14.3-13.5v-8.2a1.31,1.31,0,0,1,1.4-1.4h21.7v5h-17a.68.68,0,0,0-.7.7v3.3a8.71,8.71,0,0,0,8.8,8.9Z"/></svg>
\ No newline at end of file

document/components/home/home.vue

@@ -2,7 +2,7 @@
   <div class="home-view">
     <div class="navigator" :class="{ active: showTabs }">
       <h1 class="logo">
-        <router-link to="/"><span>cube-ui</span></router-link>
+        <router-link to="/"><img src="./didi-logo.svg" alt="DiDi"></router-link>
       </h1>
       <div class="tabs">
         <slot name="nav"></slot>
@@ -63,9 +63,10 @@
     height: 70px
     line-height: 70px
     margin-top: -70px
-    background-color: $color-regular-blue
     transition: all 0.3s ease
     overflow: hidden
+    @media screen and (max-width: 960px)
+      background-color: $color-regular-blue
     .toggle-nav
       display: none
       @media screen and (max-width: 960px)
@@ -86,26 +87,12 @@
       height: 255px
     .logo
       float: left
-      background-color: $color-orange
+      padding: 0 28px
       @media screen and (max-width: 960px)
         float: none
-        background-color: transparent
         text-align: center
-      a
-        display: block
-        padding: 0 28px
-        color: $color-white
-        font-size: $fontsize-large-xx
-        @media screen and (max-width: 960px)
-          display: inline-block
-        &::before
-          content: ""
-          display: inline-block
-          background-image: url("//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/didi-logo.png")
-          width: 36px
-          height: 29px
-          margin-right: 10px
-          vertical-align: middle
+      img
+        height: 70px
     .tabs
       float: right
       padding: 0 30px
@@ -116,12 +103,13 @@
       .tab
         display: inline-block
         margin: 0 10px
+        color: #4B4B4C
+        transition: color .2s
         @media screen and (max-width: 960px)
           display: block
           line-height: 45px
           margin: 0 20px
-        color: $color-white
-        transition: color .2s
+          color: $color-white
         &:hover
           color: $color-orange
       .router-link-active

document/components/lang/lang.vue

@@ -43,7 +43,9 @@
       line-height: 45px
       margin: 0 20px
     a
-      color: $color-white
+      color: #4B4B4C
+      @media screen and (max-width: 960px)
+        color: $color-white
       &::after
         content: "/"
         padding: 0 5px