Authored by 郭成尧

没有店铺时不显示头部

<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 => {
if (result) {
this.showBrandInfo = true;
this.brandIntro = result;
}
}).fail(() => {
tip('网络错误');
});
... ...