调整商品详情页生成海报的海报高度，避免过长图片变形

后端研发-倪永富
1 parent 5530ff81
Showing 2 changed files with 17 additions and 9 deletions
pages/goods/goodsInfo/goodsInfo.wxml
pages/goods/goodsInfo/goodsInfo.wxss
@@ -1415,13 +1415,15 @@
  
  
 <view wx:if="{{showPoster}}" class="poster-container">
-	<view class="poster" bindtap="previewImage">
-		<image src="{{shareImgPath}}" class="poster-img"></image>
-		<view class="btn-close" catchtap="closePoster">x</view>
-	</view>
-	<view class="btn-container">
-		<button class="btn-share" open-type="share" bindtap="">微信好友分享</button>
-		<button class="btn-share" bindtap="savePic">保存到相册</button>
+	<view class="poster-wrapper">
+		<view class="poster" bindtap="previewImage">
+			<image src="{{shareImgPath}}" class="poster-img"></image>
+			<view class="btn-close" catchtap="closePoster">x</view>
+		</view>
+		<view class="btn-container">
+			<button class="btn-share" open-type="share" bindtap="">微信好友分享</button>
+			<button class="btn-share" bindtap="savePic">保存到相册</button>
+		</view>
 	</view>
 </view>
  
@@ -2643,13 +2643,19 @@ button.custom-service::after{
 	height: 100%;
 	z-index: 999;
 	background-color: rgba(0,0,0,.4);
-	padding: 60rpx;
+	padding: 0 60rpx;
+	display: flex;
+	/* flex-wrap: wrap; */
+	align-items: center;
+}
+.poster-wrapper {
+	width: 100%;
 }
  
 .poster {
 	box-sizing: border-box;
 	width: 100%;
-	height: 90%;
+	height: 1055rpx;
 	border-radius: 20rpx;
 	/* box-shadow: 0 8px 12px #666; */
 	position: relative;