|
|
|
@ -14,18 +14,16 @@ |
|
|
|
|
<view class="item"> |
|
|
|
|
<view class="goodsInfo"> |
|
|
|
|
<view class="goodsDetail"> |
|
|
|
|
<view class="infoRight"> |
|
|
|
|
<image :src="item.goods_image" mode="widthFix" class="infoImg"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="infoLeft"> |
|
|
|
|
<view class="gName"> |
|
|
|
|
{{item.goods_name}} |
|
|
|
|
</view> |
|
|
|
|
<view class="gd"> |
|
|
|
|
<!-- <view class="gd"> |
|
|
|
|
{{item.selling_point}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="infoRight"> |
|
|
|
|
<image :src="item.goods_image" mode="widthFix" class="infoImg"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="price"> |
|
|
|
|
<view class="lowPrice"> |
|
|
|
|
¥{{item.goods_price_min?Number(item.goods_price_min):''}}起 |
|
|
|
@ -35,6 +33,9 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="lookBtn" @click="backtop"> |
|
|
|
@ -294,16 +295,16 @@ |
|
|
|
|
justify-content: space-between; |
|
|
|
|
width: 100%; |
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
align-items: flex-start; |
|
|
|
|
.infoLeft { |
|
|
|
|
flex: 1; |
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
.gName { |
|
|
|
|
margin-bottom: 15rpx; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
-webkit-line-clamp: 1; |
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
max-width: 300rpx; |
|
|
|
|
height: 56rpx; |
|
|
|
|
height: 112rpx; |
|
|
|
|
font-size: 40rpx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #3F3F3F; |
|
|
|
@ -311,62 +312,54 @@ |
|
|
|
|
margin-top: 32rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gd { |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
max-width: 350rpx; |
|
|
|
|
height: 88rpx; |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #9F9F9F; |
|
|
|
|
line-height: 44rpx; |
|
|
|
|
} |
|
|
|
|
// .gd { |
|
|
|
|
// overflow: hidden; |
|
|
|
|
// -webkit-line-clamp: 2; |
|
|
|
|
// height: 88rpx; |
|
|
|
|
// font-size: 32rpx; |
|
|
|
|
// font-weight: 400; |
|
|
|
|
// color: #9F9F9F; |
|
|
|
|
// line-height: 44rpx; |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
.gp { |
|
|
|
|
height: 44rpx; |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #DE041C; |
|
|
|
|
line-height: 38rpx; |
|
|
|
|
} |
|
|
|
|
// .gp { |
|
|
|
|
// height: 44rpx; |
|
|
|
|
// font-size: 32rpx; |
|
|
|
|
// font-family: PingFang SC, PingFang SC; |
|
|
|
|
// font-weight: 400; |
|
|
|
|
// color: #DE041C; |
|
|
|
|
// line-height: 38rpx; |
|
|
|
|
// } |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.infoRight { |
|
|
|
|
width: 290rpx; |
|
|
|
|
height: 290rpx; |
|
|
|
|
width: 220rpx; |
|
|
|
|
height: 220rpx; |
|
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx; |
|
|
|
|
opacity: 1; |
|
|
|
|
margin-left: 14rpx; |
|
|
|
|
|
|
|
|
|
margin-right: 14rpx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
.infoImg { |
|
|
|
|
width: 290rpx; |
|
|
|
|
height: 290rpx; |
|
|
|
|
width: 200rpx; |
|
|
|
|
height: 200rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
top: -68rpx; |
|
|
|
|
right: 20rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.price { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin-top: 50rpx; |
|
|
|
|
margin-right: 30rpx; |
|
|
|
|
|
|
|
|
|
.lowPrice { |
|
|
|
|
height: 50rpx; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #DE041C; |
|
|
|
|
line-height: 50rpx; |
|
|
|
|
margin-right: 20rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.buyNow { |
|
|
|
|