详情页面样式调整

subPackage/productDetails/index.less

 .product-page {
 	width: 100%;
-	height: 100vh;
 	background: #F7FAFF;
 	box-sizing: border-box;
 	padding-bottom: 160rpx;
 
+
 	.p-banner {
-		margin: 20rpx 30rpx 0;
+		width: 100%;
+		height: 450rpx;
+		margin-bottom: 20rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
 
 		.banner-item {
 			display: block;
@@ -18,6 +22,7 @@
 	.p-box {
 		margin: 30rpx;
 		width: 690rpx;
+		height: 210rpx;
 		background: #FFFFFF;
 		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
 		border-radius: 10rpx;
@@ -117,9 +122,11 @@
 	.p-detail {
 		margin: 0 30rpx;
 		width: 690rpx;
+
 		background: #FFFFFF;
 		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
 		border-radius: 10rpx;
+		overflow: auto;
 
 		.det-text {
 			padding: 25rpx;

subPackage/productDetails/productDetails.vue

 <template>
 	<view class='product-page' v-show="productInfo!=null">
 		<view class='p-banner' v-show="goodsImage!=''">
-			<image :src='goodsImage' mode="widthFix" class='banner-item'></image>
+			<image :src='goodsImage' class='banner-item'></image>
 		</view>
 		<view class="p-box">
 			<view class='box-top'>