样式修改

common/styles/global/components.scss

@@ -509,9 +509,13 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 }
 
 .share-popup-box{
-	box-sizing: border-box;padding: 32rpx;
+	box-sizing: border-box;padding: 32rpx;position: relative;
 	.share-title{font-size: 32rpx;color: #333;text-align: center;margin-bottom: 36rpx;}
-	.share-list{display: flex;justify-content: space-evenly;}
+	.close-btn{width: 100rpx;height: 100rpx;position: absolute;right: 0;top: 0;
+	display: flex;align-items: center;justify-content: center;}
+	.close-btn::after{content: '';width: 36rpx;height: 36rpx;display: block;@include ezy-no-repeat-cover;
+	background-image: url("@/static/images/common/close-icon.svg");}
+	.share-list{display: flex;justify-content: space-evenly;margin: 42rpx 0;}
 	.share-item{
 		display: flex;justify-content: center;flex-direction: column;align-items: center;
 		.share-icon{width: 80rpx;height: 80rpx;@include ezy-no-repeat-cover;margin-bottom: 10rpx;}
@@ -519,6 +523,6 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 		.timeline-icon{background-image: url("@/static/images/common/pyq-icon.svg");}
 		.share-text{font-size: 26rpx;color: #333;}
 	}
-	.share-close{width: 360rpx;height: 70rpx;line-height: 70rpx;background-color: #e4e4e4;
-	color: #bbb;text-align: center;border-radius: 8rpx;margin: 32rpx auto 0;}
+	.share-close{width: 360rpx;height: 70rpx;line-height: 70rpx;background-color: #fff;border: 1rpx solid #3fd2a1;
+		color: #3fd2a1;text-align: center;border-radius: 8rpx;margin: 32rpx auto 0;border-radius: 35rpx;}
 }

common/styles/global/pages.scss

@@ -1569,16 +1569,17 @@
 	width: 100%;height: 100vh;background-color: #fff;
 	display: flex;flex-direction: column;
 	.haibao-info-body-box{
-		box-sizing: border-box;padding: 24rpx;flex: 1;overflow-y: auto;
-		display: flex;flex-direction: column;background-color: #202020;
+		box-sizing: border-box;padding: 24rpx;flex: 1;overflow-y: auto;font-size: 0;
+		display: flex;flex-direction: column;background-color: #fff;
 		img{width: 100%;}
 		.haibao-info-text{
-			color: #000;font-size: 28rpx;margin-top: 16rpx;display: flex;align-items: center;
-			icon{width: 32rpx;height: 32rpx;@include ezy-no-repeat-cover;margin-right: 10rpx;}
+			color: #000;font-size: 32rpx;display: flex;align-items: center;
+			icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover;margin-right: 10rpx;}
 			.jz-icon{background-image: url("@/static/images/common/haibao-jz-icon.svg");}
 			.tel-icon{background-image: url("@/static/images/common/haibao-yh-icon.svg");}
 		}
-		.info-text-box{position: absolute;bottom: 16rpx;left: 10rpx;}
-		.img-box{position: relative;}
+		.haibao-info-text + .haibao-info-text{margin-top: 16rpx;}
+		.info-text-box{background-color: #fff;padding: 20rpx;border-radius:0 0 8rpx 8rpx;}
+		.img-box{border-radius: 8rpx;border: 1rpx solid #ccc;}
 	}
 }

components/sharePopUp/index.vue

@@ -4,6 +4,7 @@
 		<view class="share-popup-box">
 			<!-- 标题 -->
 			<view class="share-title">分享到 </view>
+			<view class="close-btn" @click="close"></view>
 			<!-- 分享选项 -->
 			<scroll-view scroll-x class="share-scroll" :show-scrollbar="false">
 				<view class="share-list">
@@ -18,7 +19,7 @@
 						<text class="share-text">朋友圈</text>
 					</view>
 				</view>
-				<view class="share-close" @click="close">取消</view>
+				<!-- <view class="share-close" @click="close">取消</view> -->
 			</scroll-view>
 		</view>
 	</uni-popup>