样式修改

common/styles/global/components.scss

@@ -506,4 +506,19 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 .list-new-btn-box{
 	padding: 20rpx 24rpx 20rpx;background-color: #f4f6fa;box-sizing: border-box;
 	.phone-green-btn{font-size: 28rpx;}
+}
+
+.share-popup-box{
+	box-sizing: border-box;padding: 32rpx;
+	.share-title{font-size: 32rpx;color: #333;text-align: center;margin-bottom: 36rpx;}
+	.share-list{display: flex;justify-content: space-evenly;}
+	.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;}
+		.wechat-icon{background-image: url("@/static/images/common/weixin-icon.svg");}
+		.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;}
 }

components/sharePopUp/index.vue

@@ -1,11 +1,9 @@
 <template>
 	<!-- 分享弹窗 -->
 	<uni-popup ref="popupRef" type="bottom" background-color="#fff" :mask-click="false">
-		<view class="share-popup-container">
+		<view class="share-popup-box">
 			<!-- 标题 -->
-			<view class="share-header">
-				<text class="share-title">分享到</text>
-			</view>
+			<view class="share-title">分享到 </view>
 			<!-- 分享选项 -->
 			<scroll-view scroll-x class="share-scroll" :show-scrollbar="false">
 				<view class="share-list">