新增微信分享功能

 <!--
 <!--
  * @Date: 2023-06-13 13:26:46
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-30 15:17:38
+ * @LastEditTime: 2024-02-05 19:54:15
  * @FilePath: /xysBooking/src/App.vue
  * @FilePath: /xysBooking/src/App.vue
  * @Description: 启动页
  * @Description: 启动页
 -->
 -->
@@ -17,10 +17,10 @@ import { setToastDefaultOptions } from 'vant';
 // 会根据配置判断是否显示调试控件
 // 会根据配置判断是否显示调试控件
 // eslint-disable-next-line no-unused-vars
 // eslint-disable-next-line no-unused-vars
 // import vConsole from '@/utils/vconsole'
 // import vConsole from '@/utils/vconsole'
-/*// 初始化WX环境
+// 初始化WX环境
 import wx from 'weixin-js-sdk'
 import wx from 'weixin-js-sdk'
 import { wxJsAPI } from '@/api/wx/config'
 import { wxJsAPI } from '@/api/wx/config'
-import { apiList } from '@/api/wx/jsApiList.js'*/
+import { apiList } from '@/api/wx/jsApiList.js'
 
 
 // 使用 include + pinia 状态管理动态缓存页面
 // 使用 include + pinia 状态管理动态缓存页面
 const store = mainStore()
 const store = mainStore()
@@ -40,15 +40,15 @@ setToastDefaultOptions({
 });
 });
 
 
 onMounted(async () => {
 onMounted(async () => {
-  /*const { data } = await wxJsAPI();
+  const { data } = await wxJsAPI({ url: '/f/reserve/#/' });
   data.jsApiList = apiList;
   data.jsApiList = apiList;
   wx.config(data);
   wx.config(data);
   wx.ready(() => {
   wx.ready(() => {
     wx.showAllNonBaseMenuItem();
     wx.showAllNonBaseMenuItem();
   });
   });
   wx.error((err) => {
   wx.error((err) => {
-    console.warn(err);
-  });*/
+    console.warn('错误提示', err);
+  });
 })
 })
 </script>
 </script>
 
 

+/*
+ * @Date: 2022-06-13 17:42:32
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-02-05 19:05:56
+ * @FilePath: /xysBooking/src/composables/useShare.js
+ * @Description: 文件描述
+ */
+import wx from 'weixin-js-sdk';
+// import { Toast } from 'vant';
+
+/**
+ * @description: 微信分享功能
+ * @param {*} title 标题
+ * @param {*} desc 描述
+ * @param {*} imgUrl 图标
+ * @return {*}
+ */
+export const sharePage = ({ title = '西园寺2024年春节入寺预约', desc = '除夕21点至初五17点', imgUrl = 'https://cdn.ipadbiz.cn/xys/booking/logo_s.jpg'}) => {
+  const shareData = {
+    title, // 分享标题
+    desc, // 分享描述
+    link: location.origin + location.pathname + location.hash, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+    imgUrl, // 分享图标
+    success: function () {
+      console.warn('设置成功');
+    },
+    fail: function () {
+      console.warn('设置失败');
+    }
+  }
+  // 分享好友（微信好友或qq好友）
+  wx.updateAppMessageShareData(shareData);
+  // 分享到朋友圈或qq空间
+  wx.updateTimelineShareData(shareData);
+  // 分享到腾讯微博
+  wx.onMenuShareWeibo(shareData);
+
+  // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareAppMessage(shareData);
+  // // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareTimeline(shareData);
+  // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareQQ(shareData);
+}

 <!--
 <!--
  * @Date: 2023-06-21 10:23:09
  * @Date: 2023-06-21 10:23:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-30 17:36:50
+ * @LastEditTime: 2024-02-05 18:36:21
  * @FilePath: /xysBooking/src/views/index.vue
  * @FilePath: /xysBooking/src/views/index.vue
  * @Description: 预约页首页
  * @Description: 预约页首页
 -->
 -->
@@ -74,7 +74,7 @@ import icon_3 from '@/assets/images/首页02@2x.png'
 import icon_4 from '@/assets/images/二维码icon.png'
 import icon_4 from '@/assets/images/二维码icon.png'
 import icon_5 from '@/assets/images/我的01@2x.png'
 import icon_5 from '@/assets/images/我的01@2x.png'
 import icon_6 from '@/assets/images/luru@2x.png'
 import icon_6 from '@/assets/images/luru@2x.png'
-
+import { sharePage } from '@/composables/useShare.js'
 import { useClickAway } from '@vant/use';
 import { useClickAway } from '@vant/use';
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
@@ -110,6 +110,11 @@ useClickAway(root, () => {
   console.log('click outside!');
   console.log('click outside!');
 });
 });
 
 
+setTimeout(() => {
+  // TAG：微信分享
+  sharePage({});
+}, 500)
+
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>