商品分享海报页样式调整

taiyuan
1 parent 88438123
Showing 3 changed files with 13 additions and 9 deletions
pages/goods/goodsInfo/goodsInfo.js
pages/goods/goodsInfo/goodsInfo.wxml
pages/goods/goodsInfo/goodsInfo.wxss
@@ -3772,7 +3772,7 @@ Page({
 			 context.setFontSize(16 * unit);
 			 context.setLineJoin('round'); //交点设置成圆角
 			 context.setFillStyle("white");
-			 context.fillText('强烈推荐', 149 * unit + width + 15 * unit, 76 * unit); 
+			 context.fillText('强烈推荐', 149 * unit + width + 15 * unit, 75 * unit); 
 		  }
  
  
@@ -1431,7 +1431,7 @@
 		<view class="poster">
 		<!-- <view class="poster" bindtap="previewImage"> -->
 			<image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image>
-			<view class="btn-close" catchtap="closePoster">x</view>
+			<view class="btn-close" catchtap="closePoster"><text class="iconfont icon-close"></text></view>
 		</view>
 		<!-- <view class="btn-container">
 			<button class="btn-share" open-type="share" bindtap="">微信好友分享</button>
@@ -2664,7 +2664,7 @@ button.custom-service::after{
 	width: 100%;
 	height: 1055rpx;
 	border-radius: 20rpx;
-	/* box-shadow: 0 8px 12px #666; */
+	box-shadow: 0 0 1px #000;
 	position: relative;
 	z-index: 999;
 	overflow: hidden;
@@ -2689,18 +2689,22 @@ button.custom-service::after{
 }
 .btn-close {
 	background-color: rgba(0,0,0,.5);
-	color: white;
-	width: 40rpx;
-	height: 40rpx;
-	line-height: 40rpx;
+	color: #ccc;
+	width: 50rpx;
+	height: 50rpx;
+	line-height: 50rpx;
 	text-align: center;
 	border-radius: 50%;
 	position: absolute;
 	right: 20rpx;
-	top: 10rpx;
+	top: 20rpx;
 }
  
 .goods-price .rel_txt{
 	position: relative; top: 32rpx; font-size: 30rpx;
 }
-.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 12rpx;}   
 \ No newline at end of file
+.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 12rpx;}
+  
+.icon-close {
+	font-size: 48rpx;
+} 
 \ No newline at end of file