TBtools-导航优化

htmldev/TBTools/src/router/index.js

@@ -18,6 +18,98 @@ const globalRoutes = [
   { path: '/404', component: _import('common/404'), name: '404', meta: { title: '404未找到' } }
 ]
 
+// 参猫
+export const toolsRoutes = [
+  {
+    path: '/tools-analyze',
+    component: _import('modules/tools/tools-analyze'),
+    name: 'toolsAnalyze',
+    meta: { title: '任意竞品透析' }
+  },
+  {
+    path: '/tools-credit',
+    component: _import('modules/tools/tools-credit'),
+    name: 'toolsCredit',
+    meta: { title: '淘宝极速验号' }
+  },
+  {
+    path: '/tools-online',
+    component: _import('modules/tools/tools-online'),
+    name: 'toolsOnline',
+    meta: { title: '在线指数还原' }
+  },
+  {
+    path: '/tools-ordersearch',
+    component: _import('modules/tools/tools-ordersearch'),
+    name: 'toolsOrdersearch',
+    meta: { title: '淘客订单查询' }
+  },
+  {
+    path: '/tools-starkeysearch',
+    component: _import('modules/tools/tools-starkeysearch'),
+    name: 'toolsStarkeysearch',
+    meta: { title: '淘宝下拉框选词' }
+  },
+  {
+    path: '/tools-pricetrend',
+    component: _import('modules/tools/tools-pricetrend'),
+    name: 'toolsPricetrend',
+    meta: { title: '价格走势' }
+  },
+  {
+    path: '/tools-shopinfo',
+    component: _import('modules/tools/tools-shopinfo'),
+    name: 'toolsShopinfo',
+    meta: { title: '店铺信息查询' }
+  },
+  {
+    path: '/tools-feedback',
+    component: _import('modules/tools/tools-feedback'),
+    name: 'toolsFeedback',
+    meta: { title: '商品评论查询' }
+  },
+  {
+    path: '/tools-productinfo',
+    component: _import('modules/tools/tools-productinfo'),
+    name: 'toolsProductinfo',
+    meta: { title: '商品信息查询' }
+  },
+  {
+    path: '/tools-productaskinfo',
+    component: _import('modules/tools/tools-productaskinfo'),
+    name: 'toolsProductaskinfo',
+    meta: { title: '商品问大家' }
+  },
+  {
+    path: '/tools-similar',
+    component: _import('modules/tools/tools-similar'),
+    name: 'toolsSimilar',
+    meta: { title: '相似宝贝卡屏' }
+  },
+  {
+    path: '/tools-like',
+    component: _import('modules/tools/tools-like'),
+    name: 'toolsLike',
+    meta: { title: '猜你喜欢卡首屏' }
+  }
+]
+
+// 个人中心
+const mineRoutes = [
+  {
+    path: '/mine-paycheck',
+    component: _import('modules/mine/mine-paycheck'),
+    name: 'minePaycheck',
+    meta: { title: '账户余额充值' }
+  },
+  {
+    path: '/mine-wallet',
+    component: _import('modules/mine/mine-wallet'),
+    name: 'mineWallet',
+    meta: { title: '我的钱包' }
+  }
+]
+
 // 主入口路由(需嵌套上左右整体布局)
 const mainRoutes = {
   path: '/',
@@ -33,91 +125,8 @@ const mainRoutes = {
     { path: '/login', component: _import('modules/account/login'), name: 'login', meta: { title: '登录' } },
     { path: '/register', component: _import('modules/account/register'), name: 'register', meta: { title: '注册' } },
     { path: '/home', component: _import('common/home'), name: 'home', meta: { title: '首页' } },
-    {
-      path: '/tools-analyze',
-      component: _import('modules/tools/tools-analyze'),
-      name: 'toolsAnalyze',
-      meta: { title: '竞品透析' }
-    },
-    {
-      path: '/tools-credit',
-      component: _import('modules/tools/tools-credit'),
-      name: 'toolsCredit',
-      meta: { title: '淘宝极速验号，淘宝买家信誉在线查询，只需输入买家旺旺号，即可全方位稽查恶意退单、敲诈、打假师、差评师等。' }
-    },
-    {
-      path: '/tools-online',
-      component: _import('modules/tools/tools-online'),
-      name: 'toolsOnline',
-      meta: { title: '指数转化' }
-    },
-    {
-      path: '/tools-ordersearch',
-      component: _import('modules/tools/tools-ordersearch'),
-      name: 'toolsOrdersearch',
-      meta: { title: '淘客订单查询' }
-    },
-    {
-      path: '/tools-starkeysearch',
-      component: _import('modules/tools/tools-starkeysearch'),
-      name: 'toolsStarkeysearch',
-      meta: { title: '淘宝下拉框选词' }
-    },
-    {
-      path: '/tools-pricetrend',
-      component: _import('modules/tools/tools-pricetrend'),
-      name: 'toolsPricetrend',
-      meta: { title: '价格走势' }
-    },
-    {
-      path: '/tools-shopinfo',
-      component: _import('modules/tools/tools-shopinfo'),
-      name: 'toolsShopinfo',
-      meta: { title: '店铺信息查询' }
-    },
-    {
-      path: '/tools-feedback',
-      component: _import('modules/tools/tools-feedback'),
-      name: 'toolsFeedback',
-      meta: { title: '商品评论查询' }
-    },
-    {
-      path: '/tools-productinfo',
-      component: _import('modules/tools/tools-productinfo'),
-      name: 'toolsProductinfo',
-      meta: { title: '商品信息查询' }
-    },
-    {
-      path: '/tools-productaskinfo',
-      component: _import('modules/tools/tools-productaskinfo'),
-      name: 'toolsProductaskinfo',
-      meta: { title: '商品问大家' }
-    },
-    {
-      path: '/tools-similar',
-      component: _import('modules/tools/tools-similar'),
-      name: 'toolsSimilar',
-      meta: { title: '相似宝贝卡屏' }
-    },
-    {
-      path: '/tools-like',
-      component: _import('modules/tools/tools-like'),
-      name: 'toolsLike',
-      meta: { title: '猜你喜欢卡首屏' }
-    },
-    // 个人中心
-    {
-      path: '/mine-paycheck',
-      component: _import('modules/mine/mine-paycheck'),
-      name: 'minePaycheck',
-      meta: { title: '账户余额充值' }
-    },
-    {
-      path: '/mine-wallet',
-      component: _import('modules/mine/mine-wallet'),
-      name: 'mineWallet',
-      meta: { title: '我的钱包' }
-    }
+    ...toolsRoutes,
+    ...mineRoutes
   ],
   beforeEnter (to, from, next) {
     // let token = Vue.cookie.get('token')

htmldev/TBTools/src/views/main-navbar.vue

@@ -12,43 +12,10 @@
         </li>
         <li>
           <el-dropdown class="TT-login" :show-timeout="0" placement="bottom" style="cursor: pointer;">
-            <span class="el-dropdown-link">淘宝工具</span>
+            <span class="el-dropdown-link">参猫</span>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsAnalyze'}">竞品透析</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsCredit'}">旺旺透视</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsOnline'}">指数转换</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsPricetrend'}">价格走势</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsOrdersearch'}">淘客订单查询</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsStarkeysearch'}">淘宝下拉框选词</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsShopinfo'}">店铺信息查询</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsFeedback'}">商品评论查询</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsProductinfo'}">商品信息查询</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item>
-                <router-link :to="{name: 'toolsProductaskinfo'}">商品问大家</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item v-show="false">
-                <router-link :to="{name: 'toolsSimilar'}">相似宝贝卡屏</router-link>
-              </el-dropdown-item>
-              <el-dropdown-item v-show="false">
-                <router-link :to="{name: 'toolsLike'}">猜你喜欢卡首屏</router-link>
+              <el-dropdown-item v-for="item in toolsRoutes" :key="item.name">
+                <router-link :to="{name: item.name}">{{ item.meta.title }}</router-link>
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -83,6 +50,7 @@
 import UpdatePassword from './main-navbar-update-password'
 import { clearLoginInfo } from '@/utils'
 import Vue from 'vue'
+import { toolsRoutes } from '../router'
 
 export default {
   components: {
@@ -90,7 +58,8 @@ export default {
   },
   data () {
     return {
-      updatePassowrdVisible: false
+      updatePassowrdVisible: false,
+      toolsRoutes: toolsRoutes
     }
   },
   computed: {