chore: 单独页面新增微信分享

src/modules/home/views/Index.vue

@@ -10,6 +10,7 @@ import QueryView from '../components/QueryView.vue'
 import ExamStrategy from '../components/ExamStrategy.vue'
 import TeamRanking from '../components/TeamRanking.vue'
 import Questions from '../components/Questions.vue'
+import useWXShare from '@/utils/wx'
 
 const data = ref<HomeInfo>({
   banner: [],
@@ -28,6 +29,7 @@ const fetchHomeData = () => {
 }
 onMounted(() => {
   fetchHomeData()
+  useWXShare()
 })
 </script>
 

src/modules/learn/views/Course.vue

@@ -3,6 +3,7 @@ import { ref, onMounted } from 'vue'
 import CourseItem from '@/components/CourseItem.vue'
 import type { ICourseItem } from '@/types'
 import { getCourseList } from '../api'
+import useWXShare from '@/utils/wx'
 
 // 学习进度
 const dataset = ref<{ total: number; list: ICourseItem[] }>({ total: 0, list: [] })
@@ -14,6 +15,7 @@ const fetchCourseList = () => {
 
 onMounted(() => {
   fetchCourseList()
+  useWXShare({ desc: '夯实【系统新知】与顶级高校专家同创【知识获得者】' })
 })
 </script>
 

src/modules/qa/views/Index.vue

@@ -2,6 +2,7 @@
 import { Toast } from 'vant'
 import PublishItem from '@/components/PublishItem.vue'
 import { getQuestionList, createQuestionComment } from '../api'
+import useWXShare from '@/utils/wx'
 
 interface Info {
   loading: boolean
@@ -61,6 +62,10 @@ const onSubmitComment = (data: any, action: string) => {
     })
   }
 }
+
+onMounted(() => {
+  useWXShare({ desc: '输出即是输入  成就专业【知识输出者】' })
+})
 </script>
 
 <template>

src/modules/team/views/Index.vue

@@ -2,6 +2,7 @@
 import { Toast } from 'vant'
 import { getTeamList } from '../api'
 import TeamList from '../components/TeamList.vue'
+import useWXShare from '@/utils/wx'
 
 const router = useRouter()
 
@@ -15,6 +16,7 @@ async function fetchList() {
 }
 onMounted(() => {
   fetchList()
+  useWXShare({ desc: '加入【PRP学友会】 与团队一起  共享共建PRP成果' })
 })
 
 // 创建团队

src/utils/wx.js

 import httpRequest from './axios'
 
-export default function useWXShare() {
+export default function useWXShare(data) {
+  const shareData = Object.assign(
+    {
+      title: 'PRP私享星球',
+      desc: '玩转【PRP系统知识】 践行【有品牌的IP】',
+      link: location.href,
+      imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
+    },
+    data
+  )
+
+  const updateShareData = () => {
+    console.log('updateShareData')
+    wx.updateAppMessageShareData({
+      title: shareData.title,
+      desc: shareData.desc,
+      link: shareData.link,
+      imgUrl: shareData.imgUrl
+    })
+
+    wx.updateTimelineShareData({
+      title: shareData.title,
+      link: shareData.link,
+      imgUrl: shareData.imgUrl
+    })
+  }
+
   httpRequest.post('https://node-server.ezijing.com/share/getsignature', { appId: 'wx451c01d40d090d7a', url: location.href.split('#').pop() }).then(result => {
     wx.config({
       debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
@@ -10,20 +36,6 @@ export default function useWXShare() {
       signature: result.token, // 必填，签名
       jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
     })
-
-    wx.ready(() => {
-      wx.updateAppMessageShareData({
-        title: 'PRP私享星球', // 分享标题
-        desc: '玩转【PRP系统知识 】践行【有品牌的IP】', // 分享描述
-        link: location.href,
-        imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
-      })
-
-      wx.updateTimelineShareData({
-        title: 'PRP私享星球', // 分享标题
-        link: location.href,
-        imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
-      })
-    })
+    wx.ready(() => updateShareData)
   })
 }