change: logo 宽高、header背景色调整.

components/PcHeader.vue

@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header :style="{ backgroundColor: `${bgColor}` }">
     <div class="topbar com-margin-auto com-flex com-width-1400">
       <nuxt-link :to="{ name: 'index' }">
         <img
@@ -618,6 +618,7 @@ export default {
       ],
       index: null,
       websitelogo: '',
+      bgColor: '#fff',
     }
   },
   async fetch() {
@@ -715,6 +716,7 @@ export default {
         ? this.$OSS_PREFIX +
           (/^\/.+/.test(res.logo) ? res.logo : `/${res.logo}`)
         : res.logo
+      this.bgColor = res.theme_color || '#fff'
     })
   },
   created() {
@@ -1010,14 +1012,14 @@ header {
   background-color: #fff;
   .topbar {
     min-width: 800px;
-    height: 92px;
+    min-height: 92px;
     display: flex;
     align-items: center;
 
     #logo {
       cursor: pointer;
       // max-width: 120px;
-      height: 60px;
+      min-height: 60px;
     }
     .search-input {
       flex: 1;

store/index.js

@@ -49,8 +49,10 @@ export const actions = {
       if (ctx.state.shopInfo && !ctx.state.shopInfo.id) {
         this.$axios
           .post(
-            `/c-api/logo/info/${encodeURIComponent(location.hostname)}`
-            // 'kkburwoodvicl.promocatalogue.com.au'
+            `/c-api/logo/info/${encodeURIComponent(
+              location.hostname
+              // 'kkburwoodvicg.promocatalogue.com.au'
+            )}`
           )
           .then(res => {
             ctx.commit('setShopInfo', res.result)