样式修改

pages/index/goodsDetail.vue

@@ -16,7 +16,7 @@
 			<view class="name" v-if="loading">{{info.name}} </view>
 			<view class="goodsMs"><span class="dian"></span>型号：{{info.specificationModel}}<span class="factoryNumber" v-if="info.factoryNumber">{{info.factoryNumber}}</span></view>
 			<view class="goodsMs"><span class="dian"></span>
-			  <view class="carmodelremark">适用车型：{{info.carmodelremark}}</view> 
+			  <view class="carmodelremark ">适用车型：{{info.carmodelremark}}</view> 
 			</view>
 		</view>
 		
@@ -135,10 +135,11 @@
 		font-size: 26rpx;
 		color: #3C3C3C;
 		line-height: 33rpx;
-		padding: 10rpx 24rpx;
+		padding: 8rpx 24rpx;
 		display: flex;
-		line-height: 44rpx;
+		
 	}
+
 	.msBox{
 		background: #F8F8F8;
 		    padding-bottom: 10rpx;
@@ -156,14 +157,14 @@
 	.factoryNumber{
 		 padding: 0 10rpx;
 		 border-radius: 8rpx;
-		  border:1px solid #E60006; 
+		/*  border:1px solid #E60006; */
 		 margin-left: 10rpx;
 		 display: inline-block;
-		 /* background: #E60006; */
+		 background: #E60006; 
 		 font-size: 26rpx;
-		 color: #E60006;
+		 color: #FFF;
 	}
 	.carmodelremark{
-		width: 680rpx;
+		width: 680rpx;line-height: 44rpx;
 	}
 </style>

pages/index/goodsList.vue

@@ -335,7 +335,7 @@
 	}
 	.box {
 		padding: 0 24rpx;
-		background: #ffffff;
+		background: #E60006;
 	}
 
 	.historylinecarImg{
@@ -350,7 +350,7 @@
 	.historylinecar {
 		font-weight: 500;
 		font-size: 32rpx;
-		color: #1A1A1A;
+		color: #FFF;
 		line-height: 46rpx;
 		width: 616rpx;
 	}
@@ -413,10 +413,10 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		border-radius: 10rpx;
 	}
 	.jyline{
-		padding-top: 22rpx;
+		padding-top: 26rpx;
 		display: flex;
 		border-bottom: 1px solid #EEEEEE;
-		    padding-bottom: 20rpx;
+		    padding-bottom: 26rpx;
 			padding-left: 24rpx;
 	}
 	.jyName{
@@ -438,7 +438,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		/* display: flex;justify-content: space-between;flex-wrap: wrap; */
 	}
 	.historyLineVin{
-		display: flex;background: #ffffff;justify-content: space-between;
+		display: flex;/* background: #ffffff; */justify-content: space-between;
 		padding-top: 10rpx;
 	}
 	.historyLineCar{
@@ -446,7 +446,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	}
 	.vinNum{
 		font-weight: 400;font-size: 26rpx;padding-left: 10rpx;
-		color: #999999;line-height: 30rpx;
+		color: #FFF;line-height: 30rpx;
 	}
 	.vinms{
 		/* width: 38rpx;
@@ -461,7 +461,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		margin-top: 2rpx; */
 		font-weight: 400;
 		font-size: 26rpx;
-		color: #999999;
+		color: #FFF;
 		line-height: 30rpx;
 	}
 	.ruleListSpan{
@@ -492,11 +492,11 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	.topBtn{
 		font-weight: 400;
 		font-size: 26rpx;
-		color: #E60006;
+		color: #FFF;
 		width: 180rpx;
 		height: 56rpx;
 		border-radius: 28rpx;
-		border: 1px solid #E60006;
+		border: 1px solid #FFF;
 		line-height: 56rpx;
 		text-align: center;
 		margin-right: 30rpx;
@@ -504,7 +504,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	.copyVin{
 		font-weight: 400;
 		font-size: 26rpx;
-		color: #3F90F7;
+		color: #FFF;
 		width: 62rpx;
 		height: 34rpx;
 	/* 	background: #F4F5F7;

pages/index/sgoodsList.vue

@@ -316,10 +316,10 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		border-radius: 10rpx;
 	}
 	.jyline{
-		padding-bottom: 22rpx;
+		padding-bottom: 26rpx;
 		display: flex;
 		border-bottom: 1px solid #eaeaea;
-		padding-top: 22rpx;
+		padding-top: 26rpx;
 		padding-left: 20rpx;
 	}
 	.jyName{