Authored by 郭成尧

'品牌店铺长度限制'

1 <template> 1 <template>
2 <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()"> 2 <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()">
3 <span class="icon icon-back back" @click="goBack()"></span> 3 <span class="icon icon-back back" @click="goBack()"></span>
4 - <span v-if="!shareData.isBlkShop">{{shareData.brandName}}</span> 4 + <span class="brand-name" v-if="!shareData.isBlkShop">{{shareData.brandName}}</span>
5 <div class="right"> 5 <div class="right">
6 <span v-if="shareData.isBlkShop" v-show="shareData.isFav" class="icon" @click="collectShop()">&#xe60d;</span> 6 <span v-if="shareData.isBlkShop" v-show="shareData.isFav" class="icon" @click="collectShop()">&#xe60d;</span>
7 <span v-if="shareData.isBlkShop" v-show="!shareData.isFav" class="icon" @click="collectShop()">&#xe60c;</span> 7 <span v-if="shareData.isBlkShop" v-show="!shareData.isFav" class="icon" @click="collectShop()">&#xe60c;</span>
@@ -30,6 +30,13 @@ @@ -30,6 +30,13 @@
30 float: left; 30 float: left;
31 } 31 }
32 32
  33 + .brand-name {
  34 + display: inline-block;
  35 + max-width: 80%;
  36 + height: 60px;
  37 + overflow: hidden;
  38 + }
  39 +
33 .right { 40 .right {
34 height: 60px; 41 height: 60px;
35 float: right; 42 float: right;