|
@@ -18,7 +18,7 @@ page {
|
|
|
width: 100%;
|
|
|
height: 100rpx;
|
|
|
background-color: #fff;
|
|
|
- border-bottom: 1rpx solid #e6e6e6;
|
|
|
+ /* border-bottom: 1rpx solid #e6e6e6; */
|
|
|
z-index: 3;
|
|
|
}
|
|
|
|
|
@@ -37,12 +37,14 @@ page {
|
|
|
.tabs .scroll-view .tab {
|
|
|
display: inline-block;
|
|
|
margin-right: 72rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #1A1A1A;
|
|
|
}
|
|
|
|
|
|
.tabs .scroll-view .tab-active {
|
|
|
position: relative;
|
|
|
- color: #1a1a1a;
|
|
|
- font-size: 32rpx;
|
|
|
+ color: #2B58A5;
|
|
|
+ font-size: 34rpx;
|
|
|
}
|
|
|
|
|
|
.tabs .scroll-view .tab-active::after {
|
|
@@ -53,7 +55,7 @@ page {
|
|
|
content: "";
|
|
|
width: 100%;
|
|
|
height: 4rpx;
|
|
|
- background-color: #ffdd36;
|
|
|
+ background-color: #2B58A5;
|
|
|
border-radius: 2rpx;
|
|
|
z-index: 9;
|
|
|
}
|
|
@@ -69,33 +71,37 @@ page {
|
|
|
}
|
|
|
|
|
|
.goods .goods-item image {
|
|
|
- width: 240rpx;
|
|
|
- height: 240rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- margin-right: 28rpx;
|
|
|
+ width: 210rpx;
|
|
|
+ height: 210rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
.goods .goods-item .body {
|
|
|
font-weight: 400;
|
|
|
font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular;
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.getCouponBox{
|
|
|
+ width: 100%;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
-
|
|
|
.goods .goods-item .body .goods-title {
|
|
|
/* display: flex;
|
|
|
align-items: center; */
|
|
|
padding-top: 8rpx;
|
|
|
- height: 80rpx;
|
|
|
- font-size: 28rpx;
|
|
|
+ /* height: 80rpx; */
|
|
|
+ font-size: 30rpx;
|
|
|
/* color: #1a1a1a; */
|
|
|
- color: #333333;
|
|
|
+ color: #1A1A1A;
|
|
|
font-weight: 700;
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
word-break: break-all;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2; /* 设置行数 */
|
|
|
+ -webkit-line-clamp: 1; /* 设置行数 */
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
|
|
@@ -108,18 +114,25 @@ page {
|
|
|
-webkit-line-clamp: 2; /* 设置行数 */
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
-
|
|
|
+.goods-classify{
|
|
|
+ background: #f0f1f5;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 6rpx 14rpx;
|
|
|
+}
|
|
|
.goods .goods-item .body .goods-classify,
|
|
|
.goods .goods-item .body .goods-total-num {
|
|
|
- font-size: 24rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
color: #808080;
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
}
|
|
|
|
|
|
.goods .goods-item .body .goods-total-num {
|
|
|
margin-bottom: 6rpx;
|
|
|
}
|
|
|
-
|
|
|
+.goods-total-num text{
|
|
|
+ color: #FF9209;
|
|
|
+}
|
|
|
.goods .goods-item .body .goods-price {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC, PingFang SC-Medium;
|
|
@@ -129,10 +142,11 @@ page {
|
|
|
|
|
|
.goods .goods-item .body .getCoupon {
|
|
|
display: inline-block;
|
|
|
- background-color: #ffdc2f;
|
|
|
- padding: 10rpx 40rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- font-size: 28rpx;
|
|
|
+ background-color: #2B58A5;
|
|
|
+ padding: 15rpx 34rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
/* .goods .goods-item .body .goods-price text {
|