new

miniprogram/src/pages/competition/project-detail.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Image, Button, ScrollView } from '@tarojs/components'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, { useLoad, useShareAppMessage, useShareTimeline, useRouter } from '@tarojs/taro'
 import { useState } from 'react'
 import { getProjectDetail, getComments } from '../../api'
 import MarkdownReader from '../../components/MarkdownReader'
@@ -9,6 +9,7 @@ export default function ProjectDetail() {
   const [project, setProject] = useState<any>(null)
   const [comments, setComments] = useState<any[]>([])
   const [loading, setLoading] = useState(false)
+  const router = useRouter()
 
   useLoad((options) => {
     const { id } = options
@@ -18,6 +19,30 @@ export default function ProjectDetail() {
     }
   })
 
+  /**
+   * 配置并监听分享给朋友的功能
+   */
+  useShareAppMessage(() => {
+    const id = project?.id || router.params.id || ''
+    return {
+      title: project?.title || '项目详情',
+      path: `/pages/competition/project-detail?id=${id}`,
+      imageUrl: project?.display_cover_image || project?.cover_image_url || ''
+    }
+  })
+
+  /**
+   * 配置并监听分享到朋友圈的功能
+   */
+  useShareTimeline(() => {
+    const id = project?.id || router.params.id || ''
+    return {
+      title: project?.title || '项目详情',
+      query: `id=${id}`,
+      imageUrl: project?.display_cover_image || project?.cover_image_url || ''
+    }
+  })
+
   /**
    * 获取项目详情
    * @param id 项目ID