店铺导航交互调整

components/main/Nav.vue

@@ -20,14 +20,15 @@
           <i class="iconfont icon-arrow-up"></i>
         </span>
         <ul class="expand-list" v-if="isMounted">
-          <li v-show="name !== '原厂专区'">
-            <nuxt-link to="/provider/factories">原厂专区</nuxt-link>
-          </li>
-          <li v-show="name !== '代理经销'">
-            <nuxt-link to="/provider/home">代理经销</nuxt-link>
-          </li>
-          <li>
-            <nuxt-link target="_blank" :to="{ name: 'store-uuid', params: { uuid: '33069557578d44e69bd91ad12d28a8d4' } }">库存寄售</nuxt-link>
+          <nuxt-link to="/provider/factories" tag="li" v-show="name !== '原厂专区'">
+            <!--<nuxt-link to="/provider/factories">原厂专区</nuxt-link>-->
+            <span>原厂专区</span>
+          </nuxt-link>
+          <nuxt-link to="/provider/home" tag="li" v-show="name !== '代理经销'">
+            <span>代理经销</span>
+          </nuxt-link>
+          <li @click="open('/store/33069557578d44e69bd91ad12d28a8d4')">
+            <span>库存寄售</span>
           </li>
         </ul>
       </a>
@@ -67,6 +68,11 @@
       isActive () {
         return (this.$route.path === '/provider/factories' && this.name === '原厂专区') || (this.$route.path === '/provider/home' && this.name === '代理经销')
       }
+    },
+    methods: {
+      open (url) {
+        window.open(url)
+      }
     }
   }
 </script>
@@ -120,12 +126,12 @@
             height: 34px;
             line-height: 34px;
             text-align: center;
-            a {
+            span {
               color: #666;
             }
             &:hover {
               background: #5078cb;
-              a {
+              span {
                 color: #fff;
               }
             }