路由更改

src/layouts/HomeLayout.vue

@@ -29,8 +29,8 @@
   <q-layout view="hHh lpr fFf">
     <hor-big-one :base-data="baseinfo" :dataList="dataList" ref="webhead"></hor-big-one>
     <!-- <hor-big-two v-if="headType==2" :base-data="baseinfo" ref="webhead"></hor-big-two> -->
-    <q-page-container class="flex justify-between">
-      <div class="flex" v-if="showUserInfo" style="width: 1200px; margin: 0 auto">
+    <q-page-container>
+      <div class="flex justify-between" v-if="showUserInfo" style="width: 1200px; margin: 0 auto">
        <navs></navs>
       <router-view />
       </div>
@@ -62,7 +62,7 @@ import Navs from 'src/pages/usercenter/components/navs.vue';
     },
     data() {
       return {
-        showUserInfo: true,
+        showUserInfo: false,
         leftDrawerOpen: false,
         baseinfo: {
           logo: "",
@@ -83,7 +83,13 @@ import Navs from 'src/pages/usercenter/components/navs.vue';
         isShowTop: false
       };
     },
+    watch: {
+      '$route': function() {
+      this.showUserInfo = Boolean(this.$route.meta.isUserCenter)
+      }
+    },
     created() {
+      this.showUserInfo = Boolean(this.$route.meta.isUserCenter)
       var nowDay = this.formatDate2(new Date());
       this.ToDay = nowDay.CYear + "-" + nowDay.CMonth + "-" + nowDay.CDay;
       this.$root.$on('change-head-style', param => {

src/router/routes.js

@@ -51,71 +51,85 @@ const routes = [{
             },
             {
                 path: '/account', //用户信息
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/account.vue')
             },
             {
                 path: '/demandlist', //需求单列表
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/demandlist.vue')
             },
             {
                 path: '/demandinfo/:id', //需求单详情
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/demandinfo.vue')
             },
             {
                 path: '/orderlist', //订单列表
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/orderlist.vue')
             },
             {
                 path: '/orderinfo/:id', //订单详情
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/orderinfo.vue')
             },
             {
                 path: '/passengerList/:id', //旅客名单
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/passengerList.vue')
             },
             {
                 path: '/register', //用户注册
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/register.vue')
             },
             {
                 path: '/loginInfo', //账户设置
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/loginInfo.vue')
             },
             {
                 path: '/setAddress', //地址管理
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/setAddress.vue')
             },
             {
                 path: '/setInfo', //账户设置
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/setInfo.vue')
             },
             {
                 path: '/setUserInfo', //用户信息
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/setUserInfo.vue')
             },
             {
                 path: '/coupon', //优惠券
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/coupon.vue')
             },
             {
                 path: '/order', //用户订单
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/order.vue')
             },
             {
                 path: '/setUsersList', //用户订单
+                meta: {isUserCenter: true},
                 component: () =>
                     import ('pages/usercenter/setUsersList.vue')
             },