|
|
<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('网络错误');
|
|
|
});
|
...
|
...
|
|