H5
/
njDaTuSha
關注 4
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 1 Wiki 活動
瀏覽代碼

feats

Your Name 2 年之前
父節點
76412abd80
當前提交
b94e80d121
共有 7 個檔案被更改，包括 44 行新增 和 13 行删除
統一視圖 顯示文件統計
  1. 3
    1
      index.html
  2. 3
    3
      public/config.js
  3. 1
    0
      src/main.js
  4. 1
    1
      src/pages/bk1/pg1.vue
  5. 1
    1
      src/pages/pg1/Md1.vue
  6. 17
    1
      src/pages/pg1/video.vue
  7. 18
    6
      src/utils/wx.js

+ 3
- 1
index.html 查看文件

4 
     <meta charset="UTF-8" />
 4 
     <meta charset="UTF-8" />
5 
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 5 
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
7 
-    <script src="./wx/jweixin-1.6.0.js"></script>
7 
+    <!-- <script src="./wx/jweixin-1.6.0.js"></script> -->
8 
+    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
8 
     <script src="./jquery.1.9.1.js"></script>
 9 
     <script src="./jquery.1.9.1.js"></script>
9 
     <script src="./turn.min.js"></script>
 10 
     <script src="./turn.min.js"></script>
10 
     <script src="./config.js"></script>
 11 
     <script src="./config.js"></script>
26 
     </script> -->
 27 
     </script> -->
27 
   </head>
 28 
   </head>
28 
   <body>
 29 
   <body>
30 
+    <img src="/share.jpg" style="display: none;" />
29 
     <div id="app"></div>
 31 
     <div id="app"></div>
30 
     <script type="module" src="/src/main.js"></script>
 32 
     <script type="module" src="/src/main.js"></script>
31 
   </body>
 33 
   </body>

+ 3
- 3
public/config.js 查看文件

1 
 // 微信分享
 1 
 // 微信分享
2 
 const shareOptTpl = {
 2 
 const shareOptTpl = {
3 
   title: '向世界讲述——南京1937',
 3 
   title: '向世界讲述——南京1937',
4 
-  desc: '',
5 
-  link: location.href,
6 
-  imgUrl: location.origin + location.pathname.replace('index.html', '') + 'share.jpg',
4 
+  desc: '让和平理念，在全世界生根发芽',
5 
+  link: 'http://zjc.nbs.cn/index.html',
6 
+  imgUrl: 'http://zjc.nbs.cn/share.jpg',
7 
 }
 7 
 }
8
8
9 
 // 跳转链接
 9 
 // 跳转链接

+ 1
- 0
src/main.js 查看文件

2 
 import VueSplide from '@splidejs/vue-splide';
 2 
 import VueSplide from '@splidejs/vue-splide';
3 
 import 'animate.css'
 3 
 import 'animate.css'
4 
 import '@splidejs/vue-splide/css/core';
 4 
 import '@splidejs/vue-splide/css/core';
5 
+
5 
 import { getCode, redirect } from '@/utils/wx';
 6 
 import { getCode, redirect } from '@/utils/wx';
6
7
7 
 import App from './App.vue'
 8 
 import App from './App.vue'

+ 1
- 1
src/pages/bk1/pg1.vue 查看文件

45 
         加拿大、日本、韩国、马拉西亚、澳大利亚、<br>
 45 
         加拿大、日本、韩国、马拉西亚、澳大利亚、<br>
46 
         新西兰、新加坡，紫金草在14个国家被点亮，<br>
 46 
         新西兰、新加坡，紫金草在14个国家被点亮，<br>
47 
         播撒和平的种子。<br>
 47 
         播撒和平的种子。<br>
48 
-        近20万枚紫金草徽章佩戴在了人们的心口。
48 
+        近20万枚紫金草徽章佩戴在了人们的胸前。
49 
       </p>
 49 
       </p>
50 
     </div>
 50 
     </div>
51
51

+ 1
- 1
src/pages/pg1/Md1.vue 查看文件

12 
           加拿大、日本、韩国、马拉西亚、澳大利亚、<br>
 12 
           加拿大、日本、韩国、马拉西亚、澳大利亚、<br>
13 
           新西兰、新加坡，紫金草在14个国家被点亮，<br>
 13 
           新西兰、新加坡，紫金草在14个国家被点亮，<br>
14 
           播撒和平的种子。<br>
 14 
           播撒和平的种子。<br>
15 
-          近20万枚紫金草徽章佩戴在了人们的心口。
15 
+          近20万枚紫金草徽章佩戴在了人们的胸前。
16 
         </p>
 16 
         </p>
17 
         <!-- <div class="map-img" ref="mapRef" /> -->
 17 
         <!-- <div class="map-img" ref="mapRef" /> -->
18 
         <!-- <img class="map-img" src="/images/pg2/map.gif" alt=""> -->
 18 
         <!-- <img class="map-img" src="/images/pg2/map.gif" alt=""> -->

+ 17
- 1
src/pages/pg1/video.vue 查看文件

16 
 </template>
 16 
 </template>
17
17
18 
 <script setup>
 18 
 <script setup>
19 
-import { onMounted, ref } from "vue";
19 
+import { onBeforeUnmount, onMounted, ref } from "vue";
20 
 import { useRouter } from "vue-router";
 20 
 import { useRouter } from "vue-router";
21 
 import { useModel } from "@zjxpcyc/vue-tiny-store";
 21 
 import { useModel } from "@zjxpcyc/vue-tiny-store";
22 
 import GoBack from "@/components/GoBack.vue";
 22 
 import GoBack from "@/components/GoBack.vue";
51 
     console.log("---err---", err);
 51 
     console.log("---err---", err);
52 
     controls.value = "controls";
 52 
     controls.value = "controls";
53 
   }
 53 
   }
54 
+
55 
+
56 
+  // 自动全屏
57 
+  function launchFullscreen(element) {
58 
+    if(element.requestFullscreen) {
59 
+      element.requestFullscreen();
60 
+    } else if(element.mozRequestFullScreen) {
61 
+      element.mozRequestFullScreen();
62 
+    } else if(element.webkitRequestFullscreen) {
63 
+      element.webkitRequestFullscreen();
64 
+    } else if(element.msRequestFullscreen) {
65 
+      element.msRequestFullscreen();
66 
+  }}
67 
+
68 
+  launchFullscreen(mediaRef.value);
54 
 });
 69 
 });
70 
+
55 
 </script>
 71 
 </script>
56
72
57 
 <style lang="less" scoped>
 73 
 <style lang="less" scoped>

+ 18
- 6
src/utils/wx.js 查看文件

32 
   // API_BASE 来源 public/config.js
 32 
   // API_BASE 来源 public/config.js
33 
   const apiBase = API_BASE // import.meta.env.VITE_APP_API_BASE
 33 
   const apiBase = API_BASE // import.meta.env.VITE_APP_API_BASE
34
34
35 
-
36 
   // 分享接口
 35 
   // 分享接口
37 
   const shareAPIs = [
 36 
   const shareAPIs = [
38 
     // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
 37 
     // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
51 
     'onMenuShareQZone',
 50 
     'onMenuShareQZone',
52 
   ]
 51 
   ]
53
52
53 
+  let inited = false;
54 
+
54 
   function init() {
 55 
   function init() {
55 
     if (isDev) return;
 56 
     if (isDev) return;
56 
     const url = window.location.href;
 57 
     const url = window.location.href;
77 
     })
 78 
     })
78 
   }
 79 
   }
79
80
80 
-  // 立即执行
81 
-  init();
82 
-
83 
   function share(params = {}) {
 81 
   function share(params = {}) {
84 
     if (isDev) return;
 82 
     if (isDev) return;
85
83
84 
+    if (!inited) {
85 
+      init();
86 
+    }
87 
+
86 
     wx.ready(() => {
 88 
     wx.ready(() => {
87
89
88 
       const shareData = {
 90 
       const shareData = {
93 
       console.log('---分享参数-->', shareData);
 95 
       console.log('---分享参数-->', shareData);
94
96
95 
       for (let api of shareAPIs) {
 97 
       for (let api of shareAPIs) {
96 
-        if (typeof wx[api] === 'function') continue;
97 
-        wx[api](shareData);
98 
+        wx[api]({
99 
+          ...shareData,
100 
+          success: () => {
101 
+            console.log('分享成功: ', api)
102 
+          },
103 
+        });
98 
       }
 104 
       }
99 
     });
 105 
     });
106 
+
107 
+    wx.error(function(res){
108 
+      console.error('wx js-sdk error');
109 
+      console.error(res);
110 
+      console.error('<==============');
111 
+    });
100 
   }
 112 
   }
101
113
102 
   return {
 114 
   return {