update catalog

didi · Nov 15, 2017 · 1528b3f · 1528b3f
1 parent d311cb6
commit 1528b3f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/assets/catalog.svg → document/components/home/catalog.svg b/assets/catalog.svg → document/components/home/catalog.svg
diff --git 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 → document/components/home/nav.svg b/assets/nav.svg → document/components/home/nav.svg
diff --git 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