|
|
<template>
|
|
|
<div class="top-box clearfix" v-bind:class='{"top-box-left" : this.$parent.$refs.filter.isVisible,"top-change" : topChange || !shareData.isBlkShop}' v-infinite-scroll="changeTopStatus()">
|
|
|
<span class="icon icon-back back" @click="goBack()"></span>
|
|
|
<span v-if="!shareData.isBlkShop">{{shareData.brandName}}</span>
|
|
|
<span class="brand-name" v-if="!shareData.isBlkShop">{{shareData.brandName}}</span>
|
|
|
<div class="right">
|
|
|
<span v-if="shareData.isBlkShop" v-show="shareData.isFav" class="icon" @click="collectShop()"></span>
|
|
|
<span v-if="shareData.isBlkShop" v-show="!shareData.isFav" class="icon" @click="collectShop()"></span>
|
...
|
...
|
@@ -30,6 +30,13 @@ |
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.brand-name {
|
|
|
display: inline-block;
|
|
|
max-width: 80%;
|
|
|
height: 60px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.right {
|
|
|
height: 60px;
|
|
|
float: right;
|
...
|
...
|
|