小程序转发

miniprogram/src/pages/services/detail.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Image, Button, Input, Textarea } from '@tarojs/components'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, { useLoad, useShareAppMessage, useShareTimeline } from '@tarojs/taro'
 import { useState } from 'react'
 import { getServiceDetail, createServiceOrder } from '../../api'
 import './detail.scss'
@@ -34,6 +34,22 @@ export default function ServiceDetail() {
     }
   }
 
+  useShareAppMessage(() => {
+    return {
+      title: service?.title || '服务详情',
+      path: `/pages/services/detail?id=${service?.id}`,
+      imageUrl: service?.cover_image_url || service?.icon_url
+    }
+  })
+
+  useShareTimeline(() => {
+    return {
+      title: service?.title || '服务详情',
+      query: `id=${service?.id}`,
+      imageUrl: service?.cover_image_url || service?.icon_url
+    }
+  })
+
   const handleInput = (key: string, value: string) => {
     setFormData(prev => ({ ...prev, [key]: value }))
   }

miniprogram/src/pages/services/index.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Image, Button } from '@tarojs/components'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, { useLoad, useShareAppMessage, useShareTimeline } from '@tarojs/taro'
 import { useState } from 'react'
 import { getServices } from '../../api'
 import './index.scss'
@@ -25,6 +25,19 @@ export default function ServicesIndex() {
     }
   }
 
+  useShareAppMessage(() => {
+    return {
+      title: 'AI 全栈解决方案',
+      path: '/pages/services/index'
+    }
+  })
+
+  useShareTimeline(() => {
+    return {
+      title: 'AI 全栈解决方案'
+    }
+  })
+
   const goDetail = (id: number) => {
     Taro.navigateTo({ url: `/pages/services/detail?id=${id}` })
   }