|
@@ -1,45 +1,54 @@
|
|
|
.goods_item {
|
|
|
- background: #fff;
|
|
|
- font-size: 22rpx;
|
|
|
- width: 368rpx;
|
|
|
- overflow: hidden;
|
|
|
- margin-top: 6rpx;
|
|
|
- margin-left: 6rpx;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 22rpx;
|
|
|
+ width: 368rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 6rpx;
|
|
|
+ margin-left: 6rpx;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .img {
|
|
|
width: 367rpx;
|
|
|
height: 367rpx;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .goods_name {
|
|
|
color: #4a4a4a;
|
|
|
overflow: hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .goods_desc {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- color: #7e7e7e;
|
|
|
- min-height: 64rpx;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #7e7e7e;
|
|
|
+ min-height: 64rpx;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .goods_box {
|
|
|
padding: 12rpx;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .goods_thumbnail {
|
|
|
border-bottom: 1rpx solid #f9f9f9;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .current_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #ff4e4e;
|
|
|
}
|
|
|
-.goods_item .original_price,.goods_item .discount {
|
|
|
+
|
|
|
+.goods_item .original_price, .goods_item .discount {
|
|
|
display: inline-block;
|
|
|
position: relative;
|
|
|
font-size: 18rpx;
|
|
|
- color:#7e7e7e;
|
|
|
+ color: #7e7e7e;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .original_price::after {
|
|
|
content: "";
|
|
|
position: absolute;
|
|
@@ -50,12 +59,28 @@
|
|
|
background: #7e7e7e;
|
|
|
z-index: 5;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .discount {
|
|
|
float: right;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .original_price {
|
|
|
float: left;
|
|
|
}
|
|
|
+
|
|
|
.goods_item .deduction {
|
|
|
overflow: hidden;
|
|
|
-}
|
|
|
+}
|
|
|
+
|
|
|
+.opgoods {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 60rpx;
|
|
|
+ left: 0;
|
|
|
+ padding: 0 14rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 20rpx;
|
|
|
+ text-align: center;
|
|
|
+ background: #feacaa;
|
|
|
+ border-bottom-right-radius: 20rpx;
|
|
|
+ border-top-right-radius: 20rpx;
|
|
|
+}
|