替换页面写死的内容，优化header导航栏

components/aside-tree.vue

@@ -35,7 +35,7 @@
         </p>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.Mob/Whatsapp/Wechat') }}:</label>
-          <span>{{ footerInfo.tel }}</span>
+          <span>{{ footerInfo.whatsapp }}</span>
         </p>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.E-mail') }}:</label>
@@ -96,7 +96,6 @@ export default {
     }
   },
   mounted () {
-    console.log(this.footerInfo);
   },
   methods: {
     handleNodeClick(row,node) {

components/header-nav.vue

@@ -12,7 +12,7 @@
         :to="item.to"
         v-if="item.children.length === 0"
       >
-        <span @click="toChange">{{ item.label }}</span>
+        <span @click.stop="toChange">{{ item.label }}</span>
       </nuxt-link>
       <b-nav-item-dropdown 
         v-else 
@@ -59,9 +59,11 @@ export default {
     },
     dropDownHide() {
       this.isDropdown = false
+      console.log(this.isDropdown, '接受');
+      
       this.$emit('dropDownHide')
     },
-    dropdownHide(e, item) {      
+    dropdownHide(e, item) { 
       if (this.isDropdown) {
         e.preventDefault()
       }
@@ -95,6 +97,11 @@ export default {
   padding: 0 1.4375rem;
   >a {
     color: #151516;
+    span {
+      width: 100%;
+      height: 100%;
+      display: inline-block;
+    }
   }
   @include activeNav;
 }

components/header.vue

@@ -2,7 +2,7 @@
   <div>
     <header class="header-box d-none d-md-flex justify-content-between align-items-center">
       <nuxt-link to="/">
-        <img src="~assets/image/logo.png" width="265px" :alt="$t('index.corporateName')"></img>
+        <img :src="device === '手机端' ? footerInfo.mobileLogo : footerInfo.logo" width="265px" :alt="$t('index.corporateName')"></img>
       </nuxt-link>
 
       <nav class="d-md-flex align-items-center">
@@ -88,7 +88,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(['menuTree'])
+    ...mapState(['menuTree', 'device', 'footerInfo'])
   },
   methods: {
     search() {

middleware/footer.js

@@ -6,4 +6,12 @@ export default async function ({
   store.commit('SET_FOOTER_INFO', footerInfo)
   const pordCategory = await $axios.$get('/web/prodCategory?catgId=660179025d0e2e0e4263db0eec86a8cc')
   store.commit('SET_FOOTER_PRODCAT', pordCategory)
+  if (process.client) {
+    let link = document.querySelector("link[rel~='icon']") || document.createElement('link')
+    link.rel = 'icon'
+    link.href = footerInfo.icon
+    if (!link.parentElement) {
+      document.head.appendChild(link)
+    }
+  }
 }

nuxt.config.js

@@ -28,7 +28,7 @@ export default {
       }
     ],
     link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+      // { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
     ],
     script: [
       // { type:"text/javascript" , src: 'https://api.map.baidu.com/api?v=1.0&type=webgl&ak=otBoKESzaUj1nGjWiehnCP3AUyRKgikx'}

pages/inquiry.vue

@@ -8,7 +8,7 @@
         <article class="header">
           <div class="title d-flex align-items-center">
             <h2 class="d-none d-md-block">{{ pageInfo.catgName }}</h2>
-            <b-img class="mr-4" src="~assets/image/backGroundImg/contact-us-logo.png" fluid :alt="$t('index.corporateName')"></b-img>
+            <b-img class="mr-4" :src="footerInfo.formLogo" fluid :alt="$t('index.corporateName')"></b-img>
           </div>
           <p class="row mt-3">
             <label class="col-6 col-md-3">{{ $t('contactUs.contactUs') }}：{{ footerInfo.teams }}</label>
@@ -24,7 +24,7 @@
             <li class="col-4 text-center">
               <b-img class="mb-2" src="~assets/image//icon/app.png" fluid :alt="$t('common.Mob/Whatsapp/Wechat')"></b-img>
               <h5>{{ $t('common.Mob/Whatsapp/Wechat') }}</h5>
-              <p>{{ footerInfo.tel }}</p>
+              <p>{{ footerInfo.whatsapp }}</p>
             </li>
             <li class="col-4 text-center">
               <b-img class="mb-2" src="~assets/image//icon/fax.png" fluid :alt="$t('common.fax')"></b-img>
@@ -175,6 +175,7 @@
 
 <script>
 import { mapState } from 'vuex';
+import footer from '../middleware/footer';
 
 export default {
   name: 'inquiry',