没有店铺时不显示头部

 <template>
-    <div class="brand-top-box" v-bind:style="{ 'background-image': `url(${brandIntro.brandBg})` }">
+    <div v-if="showBrandInfo" class="brand-top-box" v-bind:style="{ 'background-image': `url(${brandIntro.brandBg})` }">
         <div class="brand-bottom">
             <img v-if="brandIntro.showBrandLogo" v-lazy="brandIntro.brandLogo" alt="{{ brandIntro.brandName }}">
             <div v-else class="brand-title">{{ brandIntro.brandName }}</div>
@@ -78,7 +78,6 @@
 
         .collapse {
             background: url("/channel/collapse.png") no-repeat;
-
         }
     }
 </style>
@@ -91,7 +90,8 @@
         data() {
             return {
                 brandIntro: {},
-                showMore: false
+                showMore: false,
+                showBrandInfo: false
             };
         },
         watch: {
@@ -109,7 +109,10 @@
                     url: '/get-brand-intro',
                     data: data
                 }).then(result => {
-                    this.brandIntro = result;
+                    if (result) {
+                        this.showBrandInfo = true;
+                        this.brandIntro = result;
+                    }
                 }).fail(() => {
                     tip('网络错误');
                 });