Authored by 张文文

二手列表添加商品名称和已省 reviewd by lea.guo

... ... @@ -18,7 +18,7 @@
<div class="price-status">
<span class="price">¥{{ goodsInfo.goodPrice }}</span>
</div>
<p class="item-name">
<p class="item-name"><span>【{{ goodsInfo.typeTag }}】</span>
{{ goodsInfo.productName }}
</p>
</div>
... ...
... ... @@ -10,12 +10,17 @@
<ImgSize class="item-imge" :src="product.secondhand_image" :width="343" :height="343"/>
</div>
<div class="item-name">
<p>
<span v-if="product.secondhandTypeName">{{product.secondhandTypeName}}</span>
<span>{{product.product_name}}</span>
</p>
</div>
<div class="item-bottom">
<div class="item-price">
<span>{{product.skup_price && '¥'}}</span><span>{{product.skup_price || ' '}}</span>
<div v-if="product.secondhandTypeName" class="sale_flag">
<p>{{product.secondhandTypeName}}</p>
</div>
<span class='save-flag'>{{product.save_price && '已省¥'}}{{product.save_price || ' '}}</span>
</div>
<div class="size-flag">{{product.size_name}}码</div>
</div>
... ... @@ -159,8 +164,32 @@ export default {
filter: alpha(opacity=60);
}
.item-bottom {
.item-name {
padding: 20px 14px 30px 20px;
align-items: center;
& > p {
height: 80px;
color: #000;
font-size: 28px;
line-height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
& > :first-child {
color: #fff;
background: #000;
padding: 4px 8px;
font-size: 18px;
}
}
}
.item-bottom {
padding: 0 14px 30px 20px;
display: flex;
justify-content: space-between;
align-items: center;
... ... @@ -176,18 +205,11 @@ export default {
@include num
}
.sale_flag {
background: #000;
height: 30px;
margin-left: 8px;
padding: 0 8px;
border-radius: 4px;
p {
color: #fff;
line-height: 30px;
font-size: 18px;
}
.save-flag {
margin-left: 5px;
color: #d0021d;
font-size: 26px;
@include num
}
.size-flag {
... ...