change: 处理动态logo高度导致页面元素排版异常的问题.

assets/css/common.scss

@@ -67,7 +67,7 @@ body {
 .com-body {
     height: 100%;
     box-sizing: border-box;
-    padding-top: 148px;
+    // padding-top: 148px;
     display: flex;
     flex-direction: column;
 

layouts/default.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="com-body">
+    <div style="">
+      <img
+        v-show="websitelogo.length"
+        style="margin-bottom: 56px; max-width: 100%; max-height: 100%"
+        :src="`${websitelogo}`"
+        alt="Logo-2" />
+    </div>
     <pc-header></pc-header>
     <nuxt />
     <pc-footer></pc-footer>
@@ -10,6 +17,19 @@
 <script>
 import { removeKeyboardKey, addKeyboardKey } from '@/utils/keyboard'
 export default {
+  data() {
+    return {
+      websitelogo: '',
+    }
+  },
+  async fetch() {
+    await this.$store.dispatch('getShopInfo', 'layout').then(res => {
+      this.websitelogo = !this.$mediaRegExp.test(res.logo)
+        ? this.$OSS_PREFIX +
+          (/^\/.+/.test(res.logo) ? res.logo : `/${res.logo}`)
+        : res.logo
+    })
+  },
   mounted() {
     // this.openZoho()
     // 添加监听
@@ -31,19 +51,18 @@ export default {
         values: {},
         ready: function () {},
       }
-      let d = document
-      let s = d.createElement('script')
+      const d = document
+      const s = d.createElement('script')
       s.type = 'text/javascript'
       s.id = 'zsiqscript'
       s.defer = true
       s.src = 'https://salesiq.zoho.com/widget'
-      let t = d.getElementsByTagName('script')[0]
+      const t = d.getElementsByTagName('script')[0]
       t.parentNode.insertBefore(s, t)
       d.write("<div id='zsiqwidget'></div>")
-    }
+    },
   },
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>