pages/userManage/index.scss

@@ -40,4 +40,15 @@
 .pd4{
 	padding: 1% 4% 2% 4%;
 	box-sizing: border-box;
+}
+
+.btn-share {
+  border: none;
+  padding: 0;
+  display: inline-block;
+  margin: 0;
+
+  color: #000000;
+  font-size: 28rpx;
+  line-height: 40rpx;
 }

pages/userManage/index.vue

@@ -86,12 +86,14 @@
 							height="68rpx"></up-image>
 						<view>联系客服</view>
 					</view>
-					<view class="icon-list">
-						<up-image class="mb20" :show-loading="true"
+					<button plain class="btn-share" open-type="share">
+						<view class="icon-list">
+							<up-image class="mb20" :show-loading="true"
 							src="https://t9.baidu.com/it/u=2834693008,3232051400&fm=193" width="68rpx"
 							height="68rpx"></up-image>
-						<view>分享好友</view>
-					</view>
+							<view>分享好友</view>
+						</view>
+					</button>
 				</view>
 			</view>
 		</view>
@@ -119,7 +121,8 @@
 		useStore
 	} from "vuex"
 	import {
-		onShow
+		onShow,
+		onShareAppMessage,
 	} from "@dcloudio/uni-app"
 	import {
 		petList
@@ -136,6 +139,15 @@
 	
 	onMounted(() => {
 		content.value = configList.value?.['home-agreement']?.paramValueArea || ""
+
+		// 分享好友
+		onShareAppMessage(() => {
+			return {
+				title: configList.value.applet_info.paramValueText, // 分享标题
+				imageUrl: configList.value.applet_info.paramValueImage, // 分享图片地址，非必须
+				path: '/pages/workbenchManage/index', // 分享路径
+			};
+		})
 	})
 
 	const store = useStore();