new

miniprogram/src/pages/competition/detail.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Button, Image, ScrollView } from '@tarojs/components'
-import Taro, { useLoad, useDidShow } from '@tarojs/taro'
+import Taro, { useLoad, useDidShow, useShareAppMessage, useShareTimeline } from '@tarojs/taro'
 import { useState, useEffect } from 'react'
 import { getCompetitionDetail, enrollCompetition, getMyCompetitionEnrollment, getProjects } from '../../api'
 import MarkdownReader from '../../components/MarkdownReader'
@@ -29,6 +29,28 @@ export default function CompetitionDetail() {
     }
   })
 
+  /**
+   * 配置并监听分享给朋友的功能
+   */
+  useShareAppMessage(() => {
+    return {
+      title: detail?.title || '赛事详情',
+      path: `/pages/competition/detail?id=${detail?.id || ''}`,
+      imageUrl: detail?.display_cover_image || ''
+    }
+  })
+
+  /**
+   * 配置并监听分享到朋友圈的功能
+   */
+  useShareTimeline(() => {
+    return {
+      title: detail?.title || '赛事详情',
+      query: `id=${detail?.id || ''}`,
+      imageUrl: detail?.display_cover_image || ''
+    }
+  })
+
   const fetchDetail = async (id) => {
     setLoading(true)
     try {

miniprogram/src/pages/competition/index.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Image, ScrollView } from '@tarojs/components'
-import Taro, { useLoad } from '@tarojs/taro'
+import Taro, { useLoad, useShareAppMessage, useShareTimeline } from '@tarojs/taro'
 import { useState } from 'react'
 import { getCompetitions } from '../../api'
 import './index.scss'
@@ -13,6 +13,26 @@ export default function CompetitionList() {
     fetchCompetitions()
   })
 
+  /**
+   * 配置并监听分享给朋友的功能
+   */
+  useShareAppMessage(() => {
+    return {
+      title: '赛事中心',
+      path: '/pages/competition/index'
+    }
+  })
+
+  /**
+   * 配置并监听分享到朋友圈的功能
+   */
+  useShareTimeline(() => {
+    return {
+      title: '赛事中心',
+      query: ''
+    }
+  })
+
   const fetchCompetitions = async () => {
     setLoading(true)
     setDebugMsg('开始加载...')

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

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()