调整

pages/store/commodityDetails.vue

@@ -2,7 +2,11 @@
 	<view>
 		<ujp-navbar :title="info.mallProduct.name"></ujp-navbar>
 		<!--轮播图 -->
-		<u-swiper :list="albumPics" height="550" img-mode="scaleToFill"></u-swiper>
+		<!-- <u-swiper :list="albumPics" height="750" img-mode="scaleToFill"></u-swiper>
+		 -->
+<!-- 		<u-image width="750"  :src="info.mallProduct.pic"></u-image -->
+		<img  :src="info.mallProduct.pic" style="width: 100%;" alt="">
+		 
 		<!-- 详情 -->
 		<view class="main">
 			<!-- 价格 已售 -->
@@ -408,12 +412,12 @@
 						this.setTotalAmount()
 						
 					}
-					this.$nextTick(()=>{
-					    var list =document.getElementsByClassName("details-picture")[0].getElementsByTagName("img");
-					    for(var i=0;i<list.length;i++){
-					        list[i].style='width: 100%;height: 100%;'
-					    } 
-					})
+					// this.$nextTick(()=>{
+					//     var list =document.getElementsByClassName("details-picture")[0].getElementsByTagName("img");
+					//     for(var i=0;i<list.length;i++){
+					//         list[i].style='width: 100%;height: 100%;'
+					//     } 
+					// })
 				}).catch(error => {
 					uni.showToast({
 						title: error,
@@ -505,10 +509,13 @@
 	.details-picture {
 		background-color: #fff;
 		padding-bottom: 100px;
-
-		img {
-			width: 100%;
+		/deep/img{
+			//display: inline-block;
+			width: 100% !important;
+			height: 100% !important;
+			vertical-align: middle
 		}
+	
 	}
 
 	// 底部
@@ -562,20 +569,20 @@
 
 	// 产品参数
 	.product-parameter {
-		padding:0 32rpx 40rpx 32rpx ;
+		padding:40rpx 32rpx 40rpx 32rpx ;
 		border-radius: 8px;
 
 		.headline {
-			    border-radius: 12px 12px 0 0;
+			 border-radius: 12px 12px 0 0;
 			font-size: 32rpx;
 			color: #111111;
 			text-align: center;
-			height: 20px;
+			height: 40rpx;
 			position: fixed;
 			top: 0px;
 			left: 0;
 			right: 0;
-			    padding: 12px 0;
+			    padding: 40rpx 0;
 			background: #fff;
 			
 		}