feat(分享): 添加微信分享功能到课程详情页

添加 useShare 组合式函数实现微信分享功能，并在课程详情页加载后设置分享内容

+/*
+ * @Date: 2022-06-13 17:42:32
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2025-12-04 13:36:41
+ * @FilePath: /mlaj/src/composables/useShare.js
+ * @Description: 文件描述
+ */
+import wx from 'weixin-js-sdk';
+
+/**
+ * @description: 微信分享功能
+ * @param {*} title 标题
+ * @param {*} desc 描述
+ * @param {*} imgUrl 图标
+ * @return {*}
+ */
+export const sharePage = ({title = '美乐爱觉', desc = '', imgUrl = ''}) => {
+  const shareData = {
+    title, // 分享标题
+    desc, // 分享描述
+    link: location.origin + location.pathname + location.hash, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+    imgUrl, // 分享图标
+    success: function () {
+      // console.warn('设置成功');
+    }
+  }
+  // 分享好友（微信好友或qq好友）
+  wx.updateAppMessageShareData(shareData);
+  // 分享到朋友圈或qq空间
+  wx.updateTimelineShareData(shareData);
+  // 分享到腾讯微博
+  wx.onMenuShareWeibo(shareData);
+
+  // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareAppMessage(shareData);
+  // // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareTimeline(shareData);
+  // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareQQ(shareData);
+}

@@ -339,6 +339,7 @@ import { useAuth } from '@/contexts/auth'
 import { useTitle } from '@vueuse/core';
 import { showToast, showDialog, showImagePreview } from 'vant';
 import { formatDate } from '@/utils/tools'
+import { sharePage } from '@/composables/useShare.js'
 
 import AppLayout from '@/components/layout/AppLayout.vue'
 import FrostedGlass from '@/components/ui/FrostedGlass.vue'
@@ -762,6 +763,12 @@ const toggleTask = (type) => {
 const closeCheckInDialog = () => {
   showCheckInDialog.value = false;
 }
+
+setTimeout(() => {
+  // TAG：微信分享
+  // 自定义分享内容
+  sharePage({ title: `${course.value.title}`, desc: `${course.value.subtitle}`, imgUrl: course.value.cover });
+}, 1000)
 </script>
 
 <style lang="less">