|
|
@@ -8,7 +8,7 @@
|
|
|
<a :href="item.hrefUrl" target="_blank">
|
|
|
<img :src="item.pictureUrl" class="floor-item-img"/>
|
|
|
<div class="floor-content">
|
|
|
- <p v-if="item.name" class="floor-item-name">{{ item.name }}</p>
|
|
|
+ <p v-if="item.name" class="floor-item-name" :title="item.name">{{ item.name }}</p>
|
|
|
<p v-if="item.body" v-html="item.body" class="floor-item-body"></p>
|
|
|
<p class="floor-item-price" v-if="item.size != 'large' && isDefault">{{item.currency == 'RMB' ? '¥' : '$'}} {{item.price}}</p>
|
|
|
</div>
|
|
|
@@ -128,11 +128,12 @@
|
|
|
font-weight: 600;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ /*display: -webkit-box;*/
|
|
|
+ /*-webkit-box-orient: vertical;*/
|
|
|
+ /*-webkit-line-clamp: 2;*/
|
|
|
width: 300px;
|
|
|
word-wrap: break-word;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.floor-item-body {
|
|
|
@@ -185,11 +186,12 @@
|
|
|
font-weight: 600;
|
|
|
text-overflow: ellipsis;
|
|
|
overflow: hidden;
|
|
|
- display: -webkit-box;
|
|
|
+ /* display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ -webkit-line-clamp: 2;*/
|
|
|
word-break: break-all;
|
|
|
display: inherit;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.floor-item-body {
|