更新

src/views/common/homepage.vue

@@ -5,18 +5,18 @@
       <div class="pc">
         <div class="header_content">
           <div class="logo">
-            <!--            <img src="~@/assets/images/logo.png" alt="">-->
+            <img src="~@/assets/images/logoSunan.png" alt="" style="margin-right: 20px">
             苏南快递产业园
           </div>
           <div class="shortcut">
             <ul class="app-menu">
-              <li class="cur" @click="changeMenu">
+              <li class="cur" @click="changeMenu('首页')">
                 <router-link :to="{ path: '/' }" :class="menuPlace==='首页'?'selMenu':''">首页</router-link>
               </li>
-              <li @click="changeMenu">
+              <li @click="changeMenu('园区介绍')">
                 <router-link :to="{ path: '/serviceLocator' }" :class="menuPlace==='园区介绍'?'selMenu':''">园区介绍</router-link>
               </li>
-              <li class="ser" @click="changeMenu">
+              <li class="ser" @click="changeMenu('企业服务')">
                 <a href="javascript:void(0)" :class="menuPlace==='企业服务'?'selMenu':''">企业服务</a>
                 <div class="second-menu">
                   <div class="select_detail">
@@ -45,13 +45,13 @@
                   </div>
                 </div>
               </li>
-              <li @click="changeMenu">
+              <li @click="changeMenu('政策服务')">
                 <router-link
                   :to="{ path: '/zhaoshang/list' }"
                   :class="menuPlace==='政策服务'?'selMenu':''"
                 >政策服务</router-link>
               </li>
-              <li>
+              <li @click="changeMenu('优质人才')">
                 <router-link :to="{ path: '/jobs/list' }" :class="menuPlace==='优质人才'?'selMenu':''">优质人才</router-link>
               </li>
               <!--              <li>-->
@@ -59,19 +59,19 @@
               <!--                  >快递圈</router-link-->
               <!--                >-->
               <!--              </li>-->
-              <li>
+              <li @click="changeMenu('知名企业')">
                 <router-link
                   :to="{ path: '/company/list' }"
                   :class="menuPlace==='知名企业'?'selMenu':''"
                 >知名企业</router-link>
               </li>
-              <li @click="changeMenu">
+              <li @click="changeMenu('园区通知')">
                 <router-link
                   :to="{ path: '/notice/list' }"
                   :class="menuPlace==='园区通知'?'selMenu':''"
                 >园区通知</router-link>
               </li>
-              <li @click="changeMenu">
+              <li @click="changeMenu('联系我们')">
                 <router-link :to="{ path: '/contact' }" :class="menuPlace==='联系我们'?'selMenu':''">联系我们</router-link>
               </li>
             </ul>
@@ -199,26 +199,26 @@
           <div class="con_del_help">
             <ul>
               <li>
-                <router-link :to="{ path: '/about' }">园区简介</router-link>
+                <router-link :to="{ path: '/serviceLocator' }">园区介绍</router-link>
               </li>
               <li>
                 <router-link
                   :to="{ path: '/service/characteristic' }"
-                >园区服务</router-link>
+                >企业服务</router-link>
               </li>
               <li>
                 <router-link
                   :to="{ path: '/zhaoshang/list' }"
-                >招商政策</router-link>
+                >政策服务</router-link>
               </li>
               <li>
                 <router-link :to="{ path: '/jobs/list' }">优质人才</router-link>
               </li>
-              <li>
-                <router-link
-                  :to="{ path: '/finance/list' }"
-                >快递圈</router-link>
-              </li>
+              <!--              <li>-->
+              <!--                <router-link-->
+              <!--                  :to="{ path: '/finance/list' }"-->
+              <!--                >快递圈</router-link>-->
+              <!--              </li>-->
               <li>
                 <router-link
                   :to="{ path: '/company/list' }"
@@ -265,9 +265,9 @@
                 target="_blank"
               >苏ICP备11010502000501号</a>
             </span>
-            <router-link :to="{ name: 'qtwo', query: { index: 3 } }">
-              关于我们</router-link>
-            <a href="#">移动版</a>
+            <!--            <router-link :to="{ name: 'qtwo', query: { index: 3 } }">-->
+            <!--              关于我们</router-link>-->
+            <!--            <a href="#">移动版</a>-->
           </div>
         </div>
       </div>
@@ -284,37 +284,21 @@ export default {
             menu: false, // 控制一级菜单 显示/隐藏
             show: false,
             briefDetail: {}, // 控制二级菜单 显示/隐藏
-            menuPlace: ''
+            menuPlace: '首页'
         }
     },
     mounted() {
         this.getData()
-        this.getMenuPlace()
+        this.changeMenu()
 
         console.log('path', this.$route.path)
     },
     methods: {
-        changeMenu() {
-            this.getMenuPlace()
-        },
-        getMenuPlace() {
-            if (this.$route.path === '/') {
-                this.menuPlace = '首页'
-            } else if (this.$route.path === '/serviceLocator') {
-                this.menuPlace = '园区介绍'
-            } else if (this.$route.path === '/service/characteristic' || this.$route.path === '/service/periphery' || this.$route.path === '/service/activities' || this.$route.path === '/service/educate') {
-                this.menuPlace = '企业服务'
-            } else if (this.$route.path === '/zhaoshang/list') {
-                this.menuPlace = '政策服务'
-            } else if (this.$route.path === '/jobs/list') {
-                this.menuPlace = '优质人才'
-            } else if (this.$route.path === '/company/list') {
-                this.menuPlace = '知名企业'
-            } else if (this.$route.path === '/notice/list') {
-                this.menuPlace = '园区通知'
-            } else if (this.$route.path === '/contact') {
-                this.menuPlace = '联系我们'
-            }
+        // changeMenu() {
+        //     this.getMenuPlace()
+        // },
+        changeMenu(e) {
+            this.menuPlace = e
         },
         getData() {
             getBridf({ groupId: '870261874875170816' }).then((res) => {
@@ -368,6 +352,8 @@ export default {
     clear: both;
   }
   .header .logo {
+    display: flex;
+    align-items: center;
     /*float: left;*/
     /*width: 25%;*/
     text-align: left;