Showing
1 changed file
with
8 additions
and
1 deletions
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()"></span> | 6 | <span v-if="shareData.isBlkShop" v-show="shareData.isFav" class="icon" @click="collectShop()"></span> |
7 | <span v-if="shareData.isBlkShop" v-show="!shareData.isFav" class="icon" @click="collectShop()"></span> | 7 | <span v-if="shareData.isBlkShop" v-show="!shareData.isFav" class="icon" @click="collectShop()"></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; |
-
Please register or login to post a comment