hookehuyr

✨ feat(分享功能): 幼儿园界面、书籍、作品、证书、个人主页 新增分享功能

...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-21 09:35:14 3 * @Date: 2022-05-21 09:35:14
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-13 19:23:54 5 + * @LastEditTime: 2022-06-14 11:51:14
6 * @FilePath: /tswj/src/views/client/bookDetail.vue 6 * @FilePath: /tswj/src/views/client/bookDetail.vue
7 * @Description: 7 * @Description:
8 --> 8 -->
...@@ -135,7 +135,7 @@ import { useVideoList, useDefaultPerf, useScrollTop } from '@/composables'; ...@@ -135,7 +135,7 @@ import { useVideoList, useDefaultPerf, useScrollTop } from '@/composables';
135 import { addSubscribeAPI } from '@/api/C/book.js' 135 import { addSubscribeAPI } from '@/api/C/book.js'
136 import { prepareDonateAPI } from '@/api/C/donate.js' 136 import { prepareDonateAPI } from '@/api/C/donate.js'
137 import { USER_ROLE, USER_TYPE } from '@/constant' 137 import { USER_ROLE, USER_TYPE } from '@/constant'
138 -import wx from 'weixin-js-sdk' 138 +import { sharePage } from '@/composables/useShare.js'
139 139
140 const { resetScrollTop } = useScrollTop(); // 页面滚动恢复 140 const { resetScrollTop } = useScrollTop(); // 页面滚动恢复
141 resetScrollTop('scrollTop'); 141 resetScrollTop('scrollTop');
...@@ -335,20 +335,7 @@ const goToDetail = (v) => { // 跳转作品详情页 ...@@ -335,20 +335,7 @@ const goToDetail = (v) => { // 跳转作品详情页
335 /*****************************************************/ 335 /*****************************************************/
336 336
337 // TAG:微信分享 337 // TAG:微信分享
338 -// wx.updateAppMessageShareData({ 338 +sharePage();
339 -// title: '童声无界', // 分享标题
340 -// desc: $route.meta.title, // 分享描述
341 -// link: location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
342 -// imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
343 -// success: function () {
344 -// // 用户确认分享后执行的回调函数
345 -// console.warn('分享成功');
346 -// },
347 -// cancel: function () {
348 -// // 用户取消分享后执行的回调函数
349 -// console.warn('分享已取消');
350 -// }
351 -// })
352 </script> 339 </script>
353 340
354 <style lang="less" scoped> 341 <style lang="less" scoped>
......
...@@ -64,8 +64,7 @@ import { Cookies } from '@/utils/generatePackage.js' ...@@ -64,8 +64,7 @@ import { Cookies } from '@/utils/generatePackage.js'
64 import { DonateBar } from '@/utils/generateModules.js' 64 import { DonateBar } from '@/utils/generateModules.js'
65 import { computed, ref, watch } from 'vue' 65 import { computed, ref, watch } from 'vue'
66 import { USER_ROLE, USER_TYPE } from '@/constant' 66 import { USER_ROLE, USER_TYPE } from '@/constant'
67 -import { useRoute } from 'vue-router' 67 +import { sharePage } from '@/composables/useShare.js'
68 -import wx from 'weixin-js-sdk'
69 68
70 const go = useGo(); 69 const go = useGo();
71 // 删除所有的 keep-alive 缓存 70 // 删除所有的 keep-alive 缓存
...@@ -112,21 +111,7 @@ watch( ...@@ -112,21 +111,7 @@ watch(
112 /**************************************************/ 111 /**************************************************/
113 112
114 // TAG:微信分享 113 // TAG:微信分享
115 -// const $route = useRoute(); 114 +sharePage();
116 -// wx.updateAppMessageShareData({
117 -// title: '童声无界', // 分享标题
118 -// desc: $route.meta.title, // 分享描述
119 -// link: location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
120 -// imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
121 -// success: function () {
122 -// // 用户确认分享后执行的回调函数
123 -// console.warn('分享成功');
124 -// },
125 -// cancel: function () {
126 -// // 用户取消分享后执行的回调函数
127 -// console.warn('分享已取消');
128 -// }
129 -// })
130 </script> 115 </script>
131 116
132 <style lang="less" scoped> 117 <style lang="less" scoped>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-04-21 11:21:39 3 * @Date: 2022-04-21 11:21:39
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-13 17:45:03 5 + * @LastEditTime: 2022-06-14 11:48:09
6 * @FilePath: /tswj/src/views/client/chooseSchool.vue 6 * @FilePath: /tswj/src/views/client/chooseSchool.vue
7 * @Description: 选择学校列表 7 * @Description: 选择学校列表
8 --> 8 -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-04-27 10:23:05 3 * @Date: 2022-04-27 10:23:05
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-09 22:00:41 5 + * @LastEditTime: 2022-06-14 12:04:00
6 * @FilePath: /tswj/src/views/client/donateCertificate.vue 6 * @FilePath: /tswj/src/views/client/donateCertificate.vue
7 * @Description: 捐赠成功后显示证书页面 7 * @Description: 捐赠成功后显示证书页面
8 --> 8 -->
...@@ -20,7 +20,10 @@ import { USER_ROLE } from '@/constant' ...@@ -20,7 +20,10 @@ import { USER_ROLE } from '@/constant'
20 import { onMounted, ref } from 'vue' 20 import { onMounted, ref } from 'vue'
21 import { useRoute } from 'vue-router' 21 import { useRoute } from 'vue-router'
22 import { oneCertAPI } from '@/api/C/donate' 22 import { oneCertAPI } from '@/api/C/donate'
23 +import { sharePage } from '@/composables/useShare.js'
23 24
25 +// TAG:微信分享
26 +sharePage();
24 const $route = useRoute(); 27 const $route = useRoute();
25 28
26 // 捐款成功后,查询生成捐赠证书 29 // 捐款成功后,查询生成捐赠证书
......
...@@ -77,6 +77,10 @@ import { addPages, store } from '@/hooks/useKeepAlive' ...@@ -77,6 +77,10 @@ import { addPages, store } from '@/hooks/useKeepAlive'
77 import { perfInfoAPI, addFollowAPI } from '@/api/C/perf.js' 77 import { perfInfoAPI, addFollowAPI } from '@/api/C/perf.js'
78 import { useScrollTop } from '@/composables'; 78 import { useScrollTop } from '@/composables';
79 import { prepareDonateAPI } from '@/api/C/donate.js' 79 import { prepareDonateAPI } from '@/api/C/donate.js'
80 +import { sharePage } from '@/composables/useShare.js'
81 +
82 +// TAG:微信分享
83 +sharePage();
80 84
81 const { resetScrollTop } = useScrollTop(); // 页面滚动恢复 85 const { resetScrollTop } = useScrollTop(); // 页面滚动恢复
82 resetScrollTop('scrollTopPerson'); 86 resetScrollTop('scrollTopPerson');
......
...@@ -44,11 +44,15 @@ ...@@ -44,11 +44,15 @@
44 <script setup> 44 <script setup>
45 import { ref, onMounted, watch } from 'vue' 45 import { ref, onMounted, watch } from 'vue'
46 import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router' 46 import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
47 -import { axios, storeToRefs, mainStore, Toast } from '@/utils/generatePackage' 47 +import { storeToRefs, mainStore } from '@/utils/generatePackage'
48 import { VideoDetail, DonateBar } from '@/utils/generateModules' 48 import { VideoDetail, DonateBar } from '@/utils/generateModules'
49 import { icon_avatar } from '@/utils/generateIcons' 49 import { icon_avatar } from '@/utils/generateIcons'
50 import { styleColor } from '@/constant.js'; 50 import { styleColor } from '@/constant.js';
51 import { prodInfoAPI } from '@/api/C/prod.js' 51 import { prodInfoAPI } from '@/api/C/prod.js'
52 +import { sharePage } from '@/composables/useShare.js'
53 +
54 +// TAG:微信分享
55 +sharePage();
52 56
53 const $route = useRoute(); 57 const $route = useRoute();
54 const $router = useRouter(); 58 const $router = useRouter();
......
...@@ -80,6 +80,10 @@ import { Toast } from 'vant'; ...@@ -80,6 +80,10 @@ import { Toast } from 'vant';
80 // 获取是否实名认证 80 // 获取是否实名认证
81 import { useDefaultPerf } from '@/composables'; 81 import { useDefaultPerf } from '@/composables';
82 82
83 +import { sharePage } from '@/composables/useShare.js'
84 +// TAG:微信分享
85 +sharePage();
86 +
83 const $route = useRoute(); 87 const $route = useRoute();
84 const $router = useRouter(); 88 const $router = useRouter();
85 89
......