new

miniprogram/src/pages/competition/project.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Button, Image, Input, Textarea, Picker } from '@tarojs/components'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, { useLoad, useShareAppMessage, useShareTimeline, useRouter } from '@tarojs/taro'
 import { useState } from 'react'
 import { getProjectDetail, createProject, updateProject, uploadProjectFile, submitProject, uploadMedia, getCompetitions } from '../../api'
 import './project.scss'
@@ -15,6 +15,7 @@ export default function ProjectEdit() {
   const [competitions, setCompetitions] = useState<any[]>([])
   const [loading, setLoading] = useState(false)
   const [isEdit, setIsEdit] = useState(false)
+  const router = useRouter()
 
   useLoad((options) => {
     fetchCompetitions()
@@ -27,6 +28,32 @@ export default function ProjectEdit() {
     }
   })
 
+  /**
+   * 配置并监听分享给朋友的功能
+   */
+  useShareAppMessage(() => {
+    const id = project?.id || router.params.id || ''
+    const compId = competitionId || router.params.competitionId || ''
+    return {
+      title: project?.title || '提交作品',
+      path: `/pages/competition/project?id=${id}&competitionId=${compId}`,
+      imageUrl: project?.cover_image_url || project?.display_cover_image || ''
+    }
+  })
+
+  /**
+   * 配置并监听分享到朋友圈的功能
+   */
+  useShareTimeline(() => {
+    const id = project?.id || router.params.id || ''
+    const compId = competitionId || router.params.competitionId || ''
+    return {
+      title: project?.title || '提交作品',
+      query: `id=${id}&competitionId=${compId}`,
+      imageUrl: project?.cover_image_url || project?.display_cover_image || ''
+    }
+  })
+
   const fetchCompetitions = async () => {
     try {
       const res = await getCompetitions()