update

public/mobile.html

@@ -98,7 +98,7 @@
 
   <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jquery-2.1.1.min.js" class="build keep"></script>
   <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jweixin-1.6.0.js"></script>
-  <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/vconsole.js"></script>
+  <!-- <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/vconsole.js"></script> -->
 
   <script type="text/javascript" src="https://js.player.cntv.cn/creator/swfobject.js"></script>
   <script type="text/javascript" src="https://js.player.cntv.cn/creator/vodplayer.js"></script>
@@ -106,11 +106,11 @@
   <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/jquery.arctext.js"></script>
   <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/wsruletts.min.js"></script>
   <div id="app"></div>
-  <script>
+  <!-- <script>
     if ((query = window.location.href.indexOf('vlog') != -1)) {
       var vConsole = new window.VConsole()
     }
-  </script>
+  </script> -->
 </body>
 
 </html>

src/clients/mobile.vue

@@ -18,8 +18,10 @@ gdBgm.load();
 let playaudio = () => {
   if (!window.notfirstPlayAudio) {
     window.notfirstPlayAudio = true;
+    gdBgm.muted = true;
     gdBgm.play();
     setTimeout(() => {
+      gdBgm.muted = false;
       gdBgm.pause();
     });
     document.removeEventListener("touchstart", playaudio);
@@ -36,19 +38,18 @@ export default {
   mounted() {
     if (!this.isMobile) {
       // window.location.href = window.location.href.replace("mobile.html", "index.html");
-      window.location.href = window.location.href.replace(
-        "mobile.html",
-        "index.html"
-      );
+      window.location.href = window.location.href.replace("mobile.html", "index.html");
     }
 
     this.$nextTick(() => {
       document.addEventListener(
         "WeixinJSBridgeReady",
         () => {
+          gdBgm.muted = true;
           gdBgm.play();
           setTimeout(() => {
             gdBgm.pause();
+            gdBgm.muted = false;
           });
         },
         false
@@ -62,7 +63,7 @@ export default {
       wxShare({
         title: `新时代中国网络文明建设成果展云展示`,
         desc: `弘扬时代新风 建设网络文明`,
-        link: 'https://wangzhan.cctv.com/wlwm2022/mobile.html',
+        link: window.location.href.split("#")[0],
         imgUrl: "https://wangzhan.cctv.com/wlwm2022/sharelogo.jpg",
       });
     });

src/components/hotspot/image.vue

@@ -30,7 +30,7 @@
         </div>
         <img class="aa" :class="{hengaa:g_isLandscape}" v-if="hotspot.images.length > 1" :src="require('@/assets/images/proj2022/mobile/next.png')" alt="" @click="handlePage('next')" />
       </div>
-      <div class="desc" v-if="hotspot.imagesDesc[active] || hotspot.contents[active]">
+      <div class="desc" v-if="hotspot.title || hotspot.imagesDesc[active] || hotspot.contents[active]">
         <div class="title" v-html="hotspot.title"></div>
         <div v-html="handleContent(hotspot.imagesDesc[active] || hotspot.contents[active], 14)"></div>
       </div>

src/data/booth.js

@@ -61,7 +61,7 @@ let Booth = [
         left: "59.8%",
         width: "4%",
         height: "6%",
-        firstView: "&firstView=pano:135,qua:0.015705148645611147,0.4683450309904384,-0.00832658487331569,0.8833668158516297", //初始視角
+        firstView: "&firstView=pano:135,qua:0.03460918434326897,0.34412855848170143,-0.012694549390384467,0.9381985843144195", //初始視角
         panoId: "135", //对应点位id
         containPanos: ["135","116","117","118","119","120","121","122"]
       },
@@ -73,7 +73,7 @@ let Booth = [
         left: "63.5%",
         width: "3%",
         height: "5%",
-        firstView: "&firstView=pano:115,qua:-0.002914860969113398,-0.2571845563680906,-0.0007757554987742462,0.9663575995125463", //初始視角
+        firstView: "&firstView=pano:115,qua:0.02238581885007533,-0.25632030193632427,0.005937963722471232,0.9663143996285483", //初始視角
         panoId: "115", //对应点位id
         containPanos: ["115","123","124","125","126","127","128","129","130","131","132","133","134"]
       },
@@ -85,9 +85,9 @@ let Booth = [
         left: "54.5%",
         width: "5%",
         height: "6%",
-        firstView: "&firstView=pano:102,qua:0.013932276076966083,0.4941965139219505,-0.007921379021369674,0.8692024723293211", //初始視角
+        firstView: "&firstView=pano:102,qua:0.06057632166287754,0.35095308145280074,-0.02275795790900341,0.9341544458742381", //初始視角
         panoId: "102", //对应点位id
-        containPanos: ["101","102","103","104","105","106","107","108"]
+        containPanos: ["101","102","103","104","105","106","107","108","412","413","414","415"]
       },
       {
         name: "上海市",
@@ -97,7 +97,7 @@ let Booth = [
         left: "42.5%",
         width: "5.5%",
         height: "7%",
-        firstView: "&firstView=pano:59,qua:0.03169251111651029,0.3489621532260752,-0.011809051306773477,0.9365263094574586", //初始視角
+        firstView: "&firstView=pano:59,qua:0.06514278834517133,0.2739481533279156,-0.018601809054690034,0.9593554087822331", //初始視角
         panoId: "59", //对应点位id
         containPanos: ["59","60","61","62","63","64"]
       },
@@ -109,7 +109,7 @@ let Booth = [
         left: "57.5%",
         width: "4.5%",
         height: "3%",
-        firstView: "&firstView=pano:109,qua:-0.01996445240366129,-0.8385737467156694,-0.030800587867370395,0.5435501800251524", //初始視角
+        firstView: "&firstView=pano:109,qua:0.006257722313323458,0.9084823835351852,0.013611800675967687,-0.4176545313696656", //初始視角
         panoId: "109", //对应点位id
         containPanos: ["109","110","111","112","113","114","154"]
       },
@@ -121,7 +121,7 @@ let Booth = [
         left: "58.5%",
         width: "6.5%",
         height: "4%",
-        firstView: "&firstView=pano:152,qua:-0.015383547760863333,0.41634202930798503,0.007045611591242512,0.909050617828818", //初始視角
+        firstView: "&firstView=pano:152,qua:-0.001081394916810543,0.29181827329950766,0.0003299316957435984,0.9564731138152692", //初始視角
         panoId: "152", //对应点位id
         containPanos: ["151","152","153","155","156","157","158","159","138","139"]
       },
@@ -145,9 +145,9 @@ let Booth = [
         left: "70.5%",
         width: "6.5%",
         height: "9%",
-        firstView: "&firstView=pano:245,qua:-0.003274955728200214,-0.6752050139260394,-0.002997852722455059,0.7376167660044172", //初始視角
+        firstView: "&firstView=pano:245,qua:-0.004133274991156007,-0.7071301463757762,-0.004133689453287902,0.7070592463504088", //初始視角
         panoId: "245", //对应点位id
-        containPanos: ["245","235","234","280","246","248","247","249","267"]
+        containPanos: ["245","235","234","280","246","248","247","249","267","418"]
       },
       {
         name: "江西省",
@@ -169,7 +169,7 @@ let Booth = [
         left: "69%",
         width: "5%",
         height: "6%",
-        firstView: "&firstView=pano:177,qua:0.02877847579847971,-0.833411884839266,0.04359373957977583,0.5501781773768091", //初始視角
+        firstView: "&firstView=pano:177,qua:-0.027759297607934243,0.8856668324575052,-0.05339977751794329,-0.46040433840739015", //初始視角
         panoId: "177", //对应点位id
         containPanos: ["177","186","185","184","183","182","181","179"]
       },
@@ -181,9 +181,9 @@ let Booth = [
         left: "71%",
         width: "6%",
         height: "7%",
-        firstView: "&firstView=pano:170,qua:-0.0003362832582110284,0.9725023247438509,-0.001404259904263288,-0.2328886956178834", //初始視角
-        panoId: "170", //对应点位id
-        containPanos: ["170","200","193","194","195","196","197","198","199","202","203","204"]
+        firstView: "&firstView=pano:399,qua:-0.004416802980585352,0.9924188629491467,-0.11696532298056986,-0.037475368372357695", //初始視角
+        panoId: "399", //对应点位id
+        containPanos: ["170","200","193","194","195","196","197","198","199","202","203","204","399"]
       },
       {
         name: "湖南省",
@@ -193,7 +193,7 @@ let Booth = [
         left: "74%",
         width: "7%",
         height: "6%",
-        firstView: "&firstView=pano:201,qua:0.0029048018499625685,0.8949376478266332,0.00582685882339346,-0.44614371035335953", //初始視角
+        firstView: "&firstView=pano:201,qua:0.04010045114423724,0.9011299672528945,0.0853949153366568,-0.4231600534040014", //初始視角
         panoId: "201", //对应点位id
         containPanos: ["201","209","210","208","207","206","205","212"]
       },
@@ -205,7 +205,7 @@ let Booth = [
         left: "64.5%",
         width: "6%",
         height: "10%",
-        firstView: "&firstView=pano:259,qua:0.048112694757082616,-0.7343050161729677,0.052333092612867796,0.6750870678299076", //初始視角
+        firstView: "&firstView=pano:259,qua:0.04548542514953053,-0.769342719891656,0.05512356134659954,0.6348261730953989", //初始視角
         panoId: "259", //对应点位id
         containPanos: ["259","266","268","269","282","270","271","272","279","277","278","273","274","276","275"]
       },
@@ -217,9 +217,9 @@ let Booth = [
         left: "68%",
         width: "4%",
         height: "7%",
-        firstView: "&firstView=pano:144,qua:0.0007652023854567885,-0.20078252569831934,0.0001568330891578431,0.9796355305200983", //初始視角
+        firstView: "&firstView=pano:144,qua:0.054496650801608454,-0.4287638876390161,0.02592215285864086,0.9013987460248091", //初始視角
         panoId: "144", //对应点位id
-        containPanos: ["144","145","146","147","148","149","166"]
+        containPanos: ["144","145","146","147","148","149","166","400"]
       },
       {
         name: "海南省",
@@ -229,7 +229,7 @@ let Booth = [
         left: "74.5%",
         width: "5%",
         height: "6%",
-        firstView: "&firstView=pano:168,qua:-0.006825949091149443,-0.2944266006273781,-0.002103015210066327,0.9556474061688144", //初始視角
+        firstView: "&firstView=pano:168,qua:0.07050904969933708,-0.4347870810900343,0.0341721144415273,0.8971181304033994", //初始視角
         panoId: "168", //对应点位id
         containPanos: ["167","168","169","172","173","174","175","176"]
       },
@@ -241,9 +241,9 @@ let Booth = [
         left: "48.5%",
         width: "6%",
         height: "7%",
-        firstView: "&firstView=pano:75,qua:0.0036390761677028245,0.5747701651204852,-0.0025560617170463885,0.8183027989899166", //初始視角
+        firstView: "&firstView=pano:75,qua:0.028594745171486344,0.636529702230667,-0.02362715190130879,0.7703596801894931", //初始視角
         panoId: "75", //对应点位id
-        containPanos: ["67","68","69","70","71","72","73","74","75","76"]
+        containPanos: ["67","68","69","70","71","72","73","74","75","76","410","411"]
       },
       {
         name: "四川省",
@@ -253,7 +253,7 @@ let Booth = [
         left: "57%",
         width: "7%",
         height: "10%",
-        firstView: "250,qua:0.01855666637790445,0.9174358281943414,-0.04308831642538874,0.3951082848826133", //初始視角
+        firstView: "250,qua:0.007085740146002719,0.9442477259024015,-0.020365616364986783,0.3285289368979965", //初始視角
         panoId: "250", //对应点位id
         containPanos: ["250","265","264","260","263","261","262","253"]
       },
@@ -265,9 +265,9 @@ let Booth = [
         left: "78%",
         width: "4%",
         height: "5%",
-        firstView: "&firstView=pano:171,qua:0.0017824102765913096,-0.5428442474929757,0.0011521026168594861,0.8398307133926982", //初始視角
+        firstView: "&firstView=pano:171,qua:0.0021600602631679173,-0.6294645371785571,0.001749857079223256,0.777024239382481", //初始視角
         panoId: "171", //对应点位id
-        containPanos: ["171","188","189","190","191","192","187"]
+        containPanos: ["171","188","189","190","191","192","187","401","402"]
       },
       {
         name: "西藏自治区",
@@ -277,7 +277,7 @@ let Booth = [
         left: "80%",
         width: "5.5%",
         height: "6%",
-        firstView: "&firstView=pano:211,qua:0.039443998090233995,0.0030299771643679933,-0.00011960804550374027,0.9992171814692207", //初始視角
+        firstView: "&firstView=pano:211,qua:0.16588971825168658,-0.018326757896320718,0.0030834844156262483,0.9859691759876147", //初始視角
         panoId: "211", //对应点位id
         containPanos: ["211","213","215","216","217","218","214"]
       },
@@ -289,9 +289,9 @@ let Booth = [
         left: "84.5%",
         width: "5.5%",
         height: "8%",
-        firstView: "&firstView=pano:227,qua:-0.021999243522644072,-0.3564400185837194,-0.008395322245446445,0.9340214487820174", //初始視角
+        firstView: "&firstView=pano:227,qua:-0.0005199925722690137,-0.4503876166607028,-0.00026230911263720784,0.8928329471306973", //初始視角
         panoId: "227", //对应点位id
-        containPanos: ["227","220","219","224","221","223","222"]
+        containPanos: ["227","220","219","224","221","223","222","403","404","405","416"]
       },
       {
         name: "新疆维吾尔自治区",
@@ -303,7 +303,7 @@ let Booth = [
         height: "8%",
         firstView: "&firstView=pano:225,qua:-0.005264758340658099,0.9570338580037607,-0.017410027490639735,-0.28940517422823686", //初始視角
         panoId: "225", //对应点位id
-        containPanos: ["225","226","230","231","232","229","228","233","281"]
+        containPanos: ["225","226","230","231","232","229","228","233","281","406","407","417"]
       }
     ],
   },
@@ -331,7 +331,7 @@ let Booth = [
         left: "48%",
         width: "7%",
         height: "11%",
-        firstView: "&firstView=pano:291,qua:-0.005812432166942927,0.6048800050224513,0.00441529351180508,0.7962831842702823", //初始視角
+        firstView: "&firstView=pano:291,qua:0.01942514190582917,0.4060467341025862,-0.008633397195451952,0.9136050457139482", //初始視角
         panoId: "291", //对应点位id
         containPanos: ["291","258","257","284","285","286","287","290","288","306","289","254","305","304","302","301"]
       },
@@ -343,7 +343,7 @@ let Booth = [
         left: "23%",
         width: "7%",
         height: "11%",
-        firstView: "&firstView=pano:340,qua:0.017038084398734447,0.17916481180558472,-0.003103312646746605,0.9836666343779016", //初始視角
+        firstView: "&firstView=pano:340,qua:-0.0019231709575269031,0.21550848629345432,0.00042443387855656245,0.9764999827401061", //初始視角
         panoId: "340", //对应点位id
         containPanos: ["340","341","342","343","384","385","386","387","388","389","390","391","392"]
       },
@@ -355,11 +355,10 @@ let Booth = [
         left: "29%",
         width: "7%",
         height: "11%",
-        firstView: "&firstView=pano:372,qua:-0.021547124102444085,0.9000556057732905,-0.04479611540025312,-0.43293064598514197", //初始視角
+        firstView: "&firstView=pano:372,qua:-0.013064455851223126,0.9351928853544865,-0.03469056491593724,-0.3521933450050099", //初始視角
         panoId: "372", //对应点位id
         containPanos: ["372","383","382","381","377","380","378","376","375","374","379"]
       },
-     
       {
         name: "阿里巴巴",
         eng: 'alibaba',//总导览
@@ -380,7 +379,7 @@ let Booth = [
         left: "28%",
         width: "10%",
         height: "13%",
-        firstView: "&firstView=pano:338,qua:0.04689275463602263,-0.49467727263672506,0.026742931783574536,0.8673985800011111", //初始視角
+        firstView: "&firstView=pano:338,qua:0.04570547547088703,-0.43290998469966313,0.021984614310246692,0.9000092399970558", //初始視角
         panoId: "338", //对应点位id
         containPanos: ["338","339","337","336","345","346","347","349","350","351","352","353","348","354","356","355","357","358"]
       },
@@ -392,7 +391,7 @@ let Booth = [
         left: "36%",
         width: "7%",
         height: "11%",
-        firstView: "&firstView=pano:371,qua:0.0729785006998528,-0.6995666410591155,0.0721953629854038,0.7071552031294578", //初始視角
+        firstView: "&firstView=pano:371,qua:0.06901251596492322,-0.5762528002900025,0.04892306348243871,0.8128816093593789", //初始視角
         panoId: "371", //对应点位id
         containPanos: ["371","366","365","364","369","363","370","362","360","361","368","367","373","359"]
       },
@@ -404,7 +403,7 @@ let Booth = [
         left: "38.7%",
         width: "7%",
         height: "10%",
-        firstView: "&firstView=pano:326,qua:0.046986055943169396,-0.7099974432052234,0.0475876577129527,0.7010216503876512", //初始視角
+        firstView: "&firstView=pano:326,qua:0.013959916991872502,-0.6522872518785314,0.012017022761456641,0.757748016091471", //初始視角
         panoId: "326", //对应点位id
         containPanos: ["326","325","327","335","328","331","329","330","332","333","334"]
       },
@@ -416,9 +415,9 @@ let Booth = [
         left: "45.8%",
         width: "7%",
         height: "11%",
-        firstView: "&firstView=pano:315,qua:0.04796130587036803,-0.7073325392481822,0.04821560464025972,0.7036018950575474", //初始視角
+        firstView: "&firstView=pano:315,qua:0.02470665952859892,-0.6548252324767981,0.02142647720514533,0.7550724551308186", //初始視角
         panoId: "315", //对应点位id
-        containPanos: ["315","324","323","316","317","318","319","320","321","322"]
+        containPanos: ["315","324","323","316","317","318","319","320","321","322","408","409"]
       }
     ],
   }

src/data/raw.js

@@ -34,7 +34,7 @@ let region = [
     name: "地方展区",
     theme: "rgba(187, 39, 39, 1)", //主题颜色
     company: Booth.find(item=>item.id=='2').company,  //地方展区id
-    spread: calcuSpread(58, 282,[393,394,395],[254,257,258]),
+    spread: calcuSpread(58, 282,[393,394,395,399,403,404,405,406,407,402,401,418,411,412,413,414,410,400,415,417,416],[254,257,258]),
     firstView: {
       panoId: "4",
       panoQuaternion: {
@@ -50,7 +50,7 @@ let region = [
     name: "互联网企业展区",
     theme: "rgba(113, 200, 82, 1)",
     company: Booth.find(item=>item.id=='3').company,  //互联网企业ID
-    spread: calcuSpread(283, 392,[254,257,258,396,397,398],[344]),
+    spread: calcuSpread(283, 392,[254,257,258,396,397,398,408,409],[344]),
     firstView: {
       panoId: "47",
       panoQuaternion: {

src/pages/mobilescene/components/daka.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import { getdakaList,postdaka } from "@/config/api";
+import { getdakaList } from "@/config/api";
 
 export default {
   props:['currentItem'],
@@ -47,13 +47,10 @@ export default {
   },
   mounted(){
     this.getdakaList()
-    
   },
   methods:{
     daka(){
-      postdaka(res=>{
-        this.$showTips({content:res.msg})
-      })
+    
     },
     getdakaList(){
       getdakaList({

src/pages/scene/components/daka.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import { getdakaList, postdaka } from "@/config/api";
+import { getdakaList } from "@/config/api";
 
 export default {
   props: ["currentItem"],
@@ -44,9 +44,9 @@ export default {
   },
   methods: {
     daka() {
-      postdaka((res) => {
-        this.$showTips({ content: res.msg });
-      });
+      // postdaka((res) => {
+      //   this.$showTips({ content: res.msg });
+      // });
     },
     getdakaList() {
       getdakaList(

src/pages/scene/components/qrcode copy.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="qrcode">
+    <div class="downloadQrcon">
+      <qrcodetl :id="'qrpg_' + rand" :data="{ id: rand }" />
+      <qrcodetl v-if="currentZhanqu" :id="'qrpgc_' + currentZhanqu.panoId" :data="currentZhanqu" />
+    </div>
+
+    <div class="qrcodecon">
+      <h3>分享</h3>
+      <div class="ul">
+        <div class="li" v-if="currentZhanqu">
+          <p v-html="currentZhanqu.name + '<br/>' + (currentZhanqu.desc || '')"></p>
+          <img :src="require(`@/assets/images/project/qrcode/${currentZhanqu.panoId}.jpg`)" alt="" />
+          <div @click="download(currentZhanqu.panoId, 'qrpgc_')" class="download">下载二维码</div>
+          <!-- <div @click="download(currentZhanqu.panoId)" class="download">下载二维码</div> -->
+
+        </div>
+        <div class="li">
+          <p v-html="'新时代中国网络文明建设<br/>成果展云展示'"></p>
+          <img :src="require(`@/assets/images/project/qrcode/zhanqu_all.jpg`)" alt="" />
+          <div @click="download(`zhanqu_all`)" class="download">下载二维码</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Booth } from "@/data/booth.js";
+
+let all_booth = [];
+Booth.forEach((item) => {
+  all_booth = all_booth.concat(item.company);
+});
+
+console.log(all_booth);
+
+import qrcodetl from "@/components/qrcodetl/index.vue";
+import domtoimage from "dom-to-image";
+
+export default {
+  props: ["currentZhanqu"],
+  data() {
+    return {
+      isShowUl: false,
+      rand: Math.random(),
+    };
+  },
+  components: { qrcodetl },
+
+  methods: {
+    download(id,type) {
+
+      // let elink = document.createElement("a");
+      //     elink.href = require(`@/assets/images/project/qrcode/${dataUrl}_production.png`);
+      //     elink.download = `poster.png`;
+      //     elink.click();
+
+
+          // document.body.removeChild(elink);
+
+
+      var node = document.getElementById(type + id);
+
+      domtoimage
+        .toPng(node)
+        .then(function(dataUrl) {
+          let elink = document.createElement("a");
+          elink.href = dataUrl;
+          elink.download = `poster.png`;
+          elink.click();
+          document.body.removeChild(elink);
+        })
+        .catch(function(error) {
+          error
+          // console.error("oops, something went wrong!", error);
+        });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@w: 1096px;
+@fixw: 8px;
+.qrcode {
+  width: @w;
+  position: relative;
+  height: 716px;
+  pointer-events: none;
+  > svg {
+    opacity: 0;
+  }
+  .downloadQrcon {
+    position: fixed;
+    top: 0;
+    left: -100vw;
+  }
+
+  .qrcodecon {
+    pointer-events: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    padding: 34px 0 0;
+    background-image: url("~@/assets/images/proj2022/icon/tcbg.png");
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    > h3 {
+      margin: 20px 0;
+      padding-left: 220px;
+      text-align: left;
+      font-size: 30px;
+      font-weight: bold;
+      position: relative;
+      &::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        left: 236px;
+        bottom: -10px;
+        width: 30px;
+        height: 4px;
+        background: #399efc;
+      }
+    }
+    .ul {
+      width: 90%;
+      margin: 0 auto;
+      padding: 0px 30px 86px;
+      display: flex;
+      justify-content: center;
+      background-repeat: no-repeat;
+      background-position: bottom center;
+      background-size: 100% auto;
+      .li {
+        text-align: center;
+        width: 220px;
+        margin: 0 7%;
+
+        > p,
+        .xiala {
+          font-size: 18px;
+          line-height: 1.5;
+          height: 80px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .xiala {
+          position: relative;
+          > span {
+            border: 1px solid #fff;
+            display: inline-block;
+            border-radius: 4px;
+            width: 100%;
+            padding: 10px 30px 10px 10px;
+            position: relative;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            > img {
+              position: absolute;
+              right: 12px;
+              transform: rotate(90deg);
+              top: 33%;
+              width: 8px;
+            }
+          }
+          > ul {
+            position: absolute;
+            top: 90%;
+            padding: 0 10px;
+            width: 100%;
+            z-index: 99;
+            clip-path: none !important;
+            border-radius: 4px;
+            overflow: hidden;
+            height: auto;
+            > li {
+              text-align: left;
+              line-height: 1.5;
+              border-bottom: dashed 1px #fff;
+              padding: 10px 0;
+              cursor: pointer;
+              font-size: 16px;
+              &:last-of-type {
+                border-bottom: none;
+              }
+            }
+          }
+        }
+        > img {
+          width: 100%;
+          margin: 10px 0 40px;
+        }
+        .download {
+          border: 1px solid #fff;
+          background-color: rgba(255, 255, 255, 0.4);
+          line-height: 60px;
+          height: 60px;
+          width: 100%;
+          border-radius: 4px;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/scene/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="`theme${theme}`" id="scenebody" class="scene-body">
-    <div class="logo" @click="$router.push({ path: '/' })">
+    <div class="logo" @click="gotohome">
       <img :src="require(`@/assets/images/proj2022/pc/logo.png`)" alt="" />
     </div>
 
@@ -305,6 +305,12 @@ export default {
   },
 
   methods: {
+    gotohome(){
+      this.$router.push({ path: '/' })
+      setTimeout(() => {
+        location.reload()
+      });
+    },
     clicktoClear() {
       this.isClear = false;
     },

src/utils/wxshare.js

@@ -208,12 +208,12 @@ function jsonToStr(data) {
 
 function setup({ title, link, imgUrl, desc }) {
     let defaultFn = () => { }
-    let defaultChar = ''
+    let defaultChar = 'link'
     wx.ready(function () {
         // 微信朋友圈
         wx.onMenuShareTimeline({ title, link: link, imgUrl, desc })
         // 微信好友
-        wx.onMenuShareAppMessage({ title, desc, link: link, imgUrl, type: defaultChar, dataUrl: defaultChar })
+        wx.onMenuShareAppMessage({ title, desc, link: link, imgUrl, type: defaultChar, dataUrl: '' })
         // 微博
         wx.onMenuShareWeibo({ title, desc, link: link, imgUrl, success: defaultFn, cancel: defaultFn })
         // 空间
@@ -230,6 +230,7 @@ function setup({ title, link, imgUrl, desc }) {
             ]
         });
         wx.error(function (e) {
+            console.log(title, link, imgUrl, desc);
             console.log(e)
         })
     })