hookehuyr

新增别院地图微信分享测试

1 <!-- 1 <!--
2 * @Date: 2024-09-15 22:08:49 2 * @Date: 2024-09-15 22:08:49
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-06 11:17:53 4 + * @LastEditTime: 2024-11-06 11:49:42
5 * @FilePath: /map-demo/src/views/bieyuan/info.vue 5 * @FilePath: /map-demo/src/views/bieyuan/info.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -91,7 +91,7 @@ import { showImagePreview } from 'vant'; ...@@ -91,7 +91,7 @@ import { showImagePreview } from 'vant';
91 import { storeToRefs } from 'pinia' 91 import { storeToRefs } from 'pinia'
92 import audioPlayList from '@/components/audioList.vue' 92 import audioPlayList from '@/components/audioList.vue'
93 import { mainStore, useTitle } from '@/utils/generatePackage' 93 import { mainStore, useTitle } from '@/utils/generatePackage'
94 - 94 +import wx from 'weixin-js-sdk';
95 import $ from 'jquery'; 95 import $ from 'jquery';
96 96
97 import { mapAPI } from '@/api/map.js' 97 import { mapAPI } from '@/api/map.js'
...@@ -248,6 +248,22 @@ onMounted(async () => { ...@@ -248,6 +248,22 @@ onMounted(async () => {
248 } 248 }
249 // 地图标题 249 // 地图标题
250 document.title = page_details.value.name; 250 document.title = page_details.value.name;
251 + // 微信分享
252 + const shareData = {
253 + title: page_details.value.name, // 分享标题
254 + desc: '别院详情', // 分享描述
255 + link: location.origin + location.pathname + location.hash, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
256 + imgUrl: '', // 分享图标
257 + success: function () {
258 + console.warn('设置成功');
259 + }
260 + }
261 + // 分享好友(微信好友或qq好友)
262 + wx.updateAppMessageShareData(shareData);
263 + // 分享到朋友圈或qq空间
264 + wx.updateTimelineShareData(shareData);
265 + // 分享到腾讯微博
266 + wx.onMenuShareWeibo(shareData);
251 }); 267 });
252 268
253 // watchEffect( 269 // watchEffect(
......
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-06 11:28:00 4 + * @LastEditTime: 2024-11-06 11:41:43
5 * @FilePath: /map-demo/src/views/bieyuan/map.vue 5 * @FilePath: /map-demo/src/views/bieyuan/map.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -253,6 +253,22 @@ export default { ...@@ -253,6 +253,22 @@ export default {
253 } 253 }
254 // 地图标题 254 // 地图标题
255 document.title = data.map.map_title; 255 document.title = data.map.map_title;
256 + // 微信分享
257 + const shareData = {
258 + title: data.map.map_title, // 分享标题
259 + desc: '别院地图', // 分享描述
260 + link: location.origin + location.pathname + location.hash, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
261 + imgUrl: '', // 分享图标
262 + success: function () {
263 + console.warn('设置成功');
264 + }
265 + }
266 + // 分享好友(微信好友或qq好友)
267 + wx.updateAppMessageShareData(shareData);
268 + // 分享到朋友圈或qq空间
269 + wx.updateTimelineShareData(shareData);
270 + // 分享到腾讯微博
271 + wx.onMenuShareWeibo(shareData);
256 // 初始化地图 272 // 初始化地图
257 this.initMap(); 273 this.initMap();
258 // this.setMapBoundary(); 274 // this.setMapBoundary();
......