logo增加官网链接

components/layout/h5/Header.vue

@@ -2,7 +2,11 @@
   <div>
     <header class="main-header">
       <template v-if="!searchVisible">
-        <nuxt-link to="/" class="logo"></nuxt-link>
+        <!-- <nuxt-link to="/" class="logo"></nuxt-link> -->
+        <div class="logo">
+          <div class="website" @click="goWebsite"></div>
+          <div class="home" @click="$router.push('/')"></div>
+        </div>
         <div class="search" @click="toggleSearch"></div>
         <div class="menu" :class="menuClasses" @click="toggleMenu"></div>
       </template>
@@ -49,6 +53,9 @@ export default {
     }
   },
   methods: {
+    goWebsite() {
+      window.location.href = 'http://www.ezijing.com'
+    },
     toggleSearch() {
       this.$store.commit('toggleMenu', false)
       this.$store.commit('toggleSearch', !this.searchVisible)
@@ -84,6 +91,21 @@ export default {
     background: url('~/assets/images/logo.png') no-repeat;
     height: 0.26rem;
     background-size: contain;
+    position:relative;
+    div{
+      position:absolute;
+      top:0;
+      height:0.26rem;
+      cursor: pointer;
+    }
+    .website{
+      width:1rem;
+      left:0;
+    }
+    .home{
+      width:1rem;
+      left:1rem;
+    }
   }
   .search {
     width: 0.18rem;

components/layout/pc/Head.vue

@@ -3,9 +3,14 @@
     <div class="color-bar"></div>
     <div class="head-top-content">
       <div class="max-width-content">
-        <nuxt-link to="/">
+        <!-- <nuxt-link to="/">
           <img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
-        </nuxt-link>
+        </nuxt-link> -->
+        <div class="logo">
+          <img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
+          <div class="website" @click="goWebsite"></div>
+          <div class="home" @click="$router.push('/')"></div>
+        </div>
         <div class="user" v-if="user.id">
           <span>{{ user.realname || user.nickname }}</span
           ><em>|</em><span class="logout" @click="logout">{{ $t('menu.out') }}</span>
@@ -39,6 +44,9 @@ export default {
     return {}
   },
   methods: {
+    goWebsite() {
+      window.location.href = 'http://www.ezijing.com'
+    },
     logout() {
       this.$store.dispatch('logout')
     },
@@ -90,10 +98,27 @@ li {
     .max-width-content {
       display: flex;
       align-items: center;
-      img {
-        height: 55px;
-        cursor: pointer;
-        display: block;
+      .logo{
+        height:55px;
+        position:relative;
+        img {
+          height: 55px;
+          display: block;
+        }
+        div{
+          position:absolute;
+          top:0;
+          height:55px;
+          cursor: pointer;
+        }
+        .website{
+          width:200px;
+          left:0;
+        }
+        .home{
+          width:190px;
+          right:0;
+        }
       }
       .user {
         margin-left: auto;