Browse Source

样式修改

twt 1 year ago
parent
commit
8bd27d76b6
2 changed files with 21 additions and 18 deletions
  1. 6 5
      pages/index/byItem.vue
  2. 15 13
      pages/index/goodsDetail.vue

+ 6 - 5
pages/index/byItem.vue

@@ -42,7 +42,7 @@
 						</view>
 						<view class="jylineRight">
 							<view class="jyName">
-								<span class="jyNametxt">{{item.name}} | {{item.specificationModel}} | {{item.partsCode}} </span>
+								<span class="jyNametxt">{{item.name}} | {{item.partsCode}} | {{item.factoryNumber}} </span>
 							</view>
 							<view v-for="(exObj,exindex) in item.ExtendDatas" class="exspanBox">
 							   <span class="exspan1" v-for="ex in Object.keys(exObj)" v-if="ex!='partsId'&&exObj[ex]">{{ex}}: <span class="exspan2">{{exObj[ex]}}</span></span>
@@ -312,7 +312,7 @@ padding: 30rpx;line-height: 40rpx;
 	font-weight: 500;font-size: 28rpx;
 	color: #1A1A1A;border-top-right-radius: 16rpx;
 	line-height: 40rpx;border-top-left-radius: 16rpx;
-	padding: 30rpx;background:#FF4F00;color: #ffffff;
+	padding:20rpx 30rpx;background:#FF4F00;color: #ffffff;
 }
 .lineBox{
 padding: 0 24rpx;	
@@ -412,7 +412,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		width: 302rpx;padding-top: 30rpx;
 	}
 	.jyName{
-		font-weight: 400;font-size: 28rpx;
+		font-weight: 500;font-size: 28rpx;
 		color: #1A1A1A;
 		line-height:36rpx ;
 		overflow: hidden; 
@@ -422,6 +422,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		-webkit-line-clamp: 2;
 		padding-top: 10rpx;
 		width: 450rpx;
+		padding-bottom: 10rpx;
 	}
 	.best{
 		color: #FF4F00;border-radius: 6rpx;
@@ -429,7 +430,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	}
 	.jylineBox{
 		/* display: flex;justify-content: space-between;flex-wrap: wrap; */
-		padding: 0 30rpx 30rpx 30rpx;
+		padding: 0 24rpx 30rpx 24rpx;
 	}
 	.jyline{
 		display: flex;
@@ -461,6 +462,6 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	  padding-top: 0;
 	}
 	.jyimgBox{
-		border: 1px solid #EEEEEE;    width: 302rpx;border-radius: 10rpx;
+		border: 1px solid #f3f3f3;    width: 200rpx;border-radius: 10rpx;
 	}
 </style>

+ 15 - 13
pages/index/goodsDetail.vue

@@ -12,8 +12,8 @@
 				
 			</swiper>
 	  	</view>
-		<view class="title-2">{{ info.brand }} {{ info.categoryName }} {{ info.name }}</view>
-		<view class="name" v-if="loading">{{info.name}} | {{info.specificationModel}} | {{info.partsCode}}</view>
+		<view class="title-2">{{ info.categoryName }} {{ info.name }}</view>
+		<view class="name" v-if="loading">{{info.partsCode}} | {{info.factoryNumber}}</view>
 		<view style="height: 20rpx;background: #F4F5F7;"></view>
 		<view class="tdetail">
 		  <view class="spcx" @click="goSuit">
@@ -26,15 +26,15 @@
 		  </view>
 		</view>
 		<view style="height: 20rpx;background: #F4F5F7;"></view>
-		<view class="detail-container tdetail"><!-- mt10 -->
-		  <h3 class="title-3">基本信息</h3>
+		<view class="detail-container tdetail" v-if="info.extendDatas&&info.extendDatas.length"><!-- mt10 -->
+		  <!-- <h3 class="title-3">基本信息</h3>
 		    <p class="info-box-1 "><span class="box-title">配件品质</span> {{ info.partquality?info.partquality==='0'?'原厂件':info.partquality==='1'?'品牌件':'拆车件':'--' }}</p>
 		    <p class="info-box-1 "><span class="box-title">出厂编码</span> {{ info.factoryNumber }}</p>
 		  <p class="info-box-1 "><span class="box-title">是否OE件</span> {{ info.isoe==='1'?'是':'否' }}</p>
 		  <p class="info-box-1 "><span class="box-title">包装规格</span> {{ info.packagingSpecification }}</p>
 		  <p class="info-box-1 "><span class="box-title">产地</span> {{ info.placeProduction }}</p>
 		  <p class="info-box-1 "><span class="box-title">单位</span> {{ info.measurementUnit }}</p>
-		  <p class="info-box-1 tp1"><span class="box-title">车型备注</span> <span class="tpspan1">{{ info.modelRemark }}</span> </p>
+		  <p class="info-box-1 tp1"><span class="box-title">车型备注</span> <span class="tpspan1">{{ info.modelRemark }}</span> </p> -->
 		  <view v-if="info.extendDatas&&info.extendDatas.length" class="extendDatasBox">
 		    <h3 class="title-3">规格参数</h3>
 		    <p v-for="item in info.extendDatas" :key="item.key" v-if="item.value" class="info-box-1 tp1">
@@ -145,11 +145,12 @@
 	font-size: 28rpx;
 }
 .name{
-	font-weight: 500;
+	font-weight: 400;
 	color: #999999;
 	line-height: 40rpx;
 	font-size: 28rpx;
 	padding: 20rpx 24rpx;
+	padding-top: 5rpx;
 }
 
 .detail img{
@@ -165,11 +166,12 @@
 .title-2{
   font-size:30rpx;
   font-weight:500;
-  color:rgba(51,51,51,1);
+  color:#333333;
   padding: 0 24rpx;
+  padding-top: 16rpx;
 }
 .spcxLeft{
-  display: flex;
+  display: flex;line-height: 30rpx;
 }
 .spcxCk{
   font-weight: 400;
@@ -177,9 +179,9 @@
   padding-left: 24rpx;
 }
 .spcxTitle{
-  font-weight: 400;
-color: #999999;
-
+    font-size: 28rpx;
+    font-weight: 500;
+    color: #1A1A1A;
 }
 .spcxjt{
   width: 20rpx;height: 20rpx;
@@ -198,7 +200,7 @@ color: #999999;
   font-size:24rpx;
   font-weight:400;
   color:#1A1A1A;
-  padding-top: 30rpx;
+  padding-top: 20rpx;
   display: inline-block;
   width: 100%;
 }
@@ -208,6 +210,6 @@ color: #999999;
     display: inline-block;
   }
   .extendDatasBox{
-    padding-top: 24rpx;
+   /* padding-top: 24rpx; */
   }
 </style>