From 1528b3f62178ed9559ad1fc89c1e5fab9ca13145 Mon Sep 17 00:00:00 2001
From: funanamy <funanamy@didichuxing.com>
Date: Wed, 15 Nov 2017 19:08:14 +0800
Subject: [PATCH] update catalog

---
 .../components/home}/catalog.svg                |  0
 document/components/home/home.vue               | 17 +++++++++++------
 {assets => document/components/home}/nav.svg    |  0
 document/components/lang/lang.vue               |  3 +--
 4 files changed, 12 insertions(+), 8 deletions(-)
 rename {assets => document/components/home}/catalog.svg (100%)
 rename {assets => document/components/home}/nav.svg (100%)

diff --git a/assets/catalog.svg b/document/components/home/catalog.svg
similarity index 100%
rename from assets/catalog.svg
rename to document/components/home/catalog.svg
diff --git a/document/components/home/home.vue b/document/components/home/home.vue
index bd9f6fa28..f0bd22478 100644
--- a/document/components/home/home.vue
+++ b/document/components/home/home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home-view" :class="{ right: showCatalog}">
     <div class="navigator" :class="{ active: showTabs }">
-      <img v-show="isDocs" class="toggle-catalog" @click="toggleCatalog" src="../../../assets/catalog.svg"/>
+      <img v-show="isDocs" class="toggle-catalog" @click="toggleCatalog" src="./catalog.svg"/>
       <h1 class="logo">
         <router-link to="/"><span>cube-ui</span></router-link>
       </h1>
@@ -10,7 +10,7 @@
         <site-lang></site-lang>
       </div>
       <span class="toggle-nav" @click="toggleNav">
-        <img src="../../../assets/nav.svg"/>
+        <img src="./nav.svg"/>
       </span>
     </div>
     <div class="router-view">
@@ -20,6 +20,7 @@
 </template>
 
 <script>
+  import Vue from 'vue'
   import Lang from '../lang/lang.vue'
   export default {
     data() {
@@ -32,7 +33,12 @@
     watch: {
       $route(val) {
         this.isDocs = val.path.includes('/docs')
-        console.log(val)
+        Vue.nextTick(() => {
+        })
+        setTimeout(() => {
+          this.showTabs = false
+          this.showCatalog = false
+        }, 100)
       }
     },
     components: {
@@ -52,12 +58,12 @@
   @import "~@/common/stylus/variable.styl"
 
   .home-view
-    @media screen and (min-width: 960px)
-      min-width: 800px
     height: 100%
     padding-top: 70px
     box-sizing: border-box
     transition: all 250ms ease
+    @media screen and (min-width: 960px)
+      min-width: 800px
     &.right
       transform: translate(190px, 0)
     .router-view
@@ -122,7 +128,6 @@
           display: block
           line-height: 45px
           margin: 0 20px
-          text-align: center
         color: $color-white
         transition: color .2s
         &:hover
diff --git a/assets/nav.svg b/document/components/home/nav.svg
similarity index 100%
rename from assets/nav.svg
rename to document/components/home/nav.svg
diff --git a/document/components/lang/lang.vue b/document/components/lang/lang.vue
index a7f461ad2..91008bb7c 100644
--- a/document/components/lang/lang.vue
+++ b/document/components/lang/lang.vue
@@ -41,8 +41,7 @@
     @media screen and (max-width: 960px)
       display: block
       line-height: 45px
-      padding: 0 20px
-      text-align: center
+      margin: 0 20px
     a
       color: $color-white
       &::after