3 роки тому · 3a92b544ce
--- a/public/floor/floor.json
+++ b/public/floor/floor.json
--- a/public/index.html
+++ b/public/index.html
@@ -12,6 +12,15 @@
 
				   <meta name="format-detection" content="telephone=no">
			
 
				   <link rel="icon" href="<%= BASE_URL %>logo.ico">
			
 
				   <title>2022年全国大众创业万众创新活动周云展览</title>
			
 
				+  <script>
			
 
				+    var _hmt = _hmt || [];
			
 
				+    (function() {
			
 
				+      var hm = document.createElement("script");
			
 
				+      hm.src = "https://hm.baidu.com/hm.js?a1af463bc2692b6861ac40d2e024b07d";
			
 
				+      var s = document.getElementsByTagName("script")[0]; 
			
 
				+      s.parentNode.insertBefore(hm, s);
			
 
				+    })();
			
 
				+  </script>
			
 
				 </head>
			
 
				 
			
 
				 <body>
			
--- a/public/static/css/main.css
+++ b/public/static/css/main.css
@@ -4016,21 +4016,13 @@ a.hasHover:hover, a:active {
 
				     position: absolute;
			
 
				     bottom: 2px;
			
 
				     left: 2px;
			
 
				-    width: 130px;
			
 
				-    height: 20px;
			
 
				+    width: 100%;
			
 
				     padding: 6px;
			
 
				     color: #fff;
			
 
				-    background-color: rgba(0, 0, 0, .7);
			
 
				     overflow: hidden;
			
 
				     white-space: nowrap;
			
 
				-    font-weight: 100;
			
 
				     text-align: center;
			
 
				-    line-height: 4px;
			
 
				     z-index: 100;
			
 
				-    -moz-transform: translate3d(0, 0, 0);
			
 
				-    -ms-transform: translate3d(0, 0, 0);
			
 
				-    -o-transform: translate3d(0, 0, 0);
			
 
				-    transform: translate3d(0, 0, 0)
			
 
				 }
			
 
				 
			
 
				 .frame .slidee li .mark360View, .frame .slidee li .markInsideView {
			
--- a/public/static/js/CAD/loadCAD.js
+++ b/public/static/js/CAD/loadCAD.js
@@ -27,7 +27,7 @@ window.grendCAD = (function grendCAD() {
 
				         width: 100%;
			
 
				         height: 100%;
			
 
				         top: 0;
			
 
				-        right: 0;
			
 
				+        right: 10px;
			
 
				       }
			
 
				 
			
 
				       #cad{
			
--- a/public/static/js/main_2020_show.js
+++ b/public/static/js/main_2020_show.js
@@ -6941,6 +6941,7 @@ window.Modernizr = function(n, e, t) {
 
				                   , I = p.children();
			
 
				                 t.on("update.controls", function() {//导览控制
			
 
				                     var n = t.describe();
			
 
				+                    window.player.emit('onplayStatus', n),
			
 
				                     n.tourIsPlaying || i.isWarping() ? (je.tourControls.visible && (l.hide(),
			
 
				                     c.show()),
			
 
				                     n.tourInProgress && (h.forEach(function(e) {
			
@@ -7114,46 +7115,46 @@ window.Modernizr = function(n, e, t) {
 
				                 }
			
 
				             }
			
 
				             function D(e, t) {
			
 
				-                function i() {
			
 
				-                    var i = t.toJSON();
			
 
				-                    n.linkToLocation = window.location.protocol + "//" + window.location.host + window.location.pathname + "?m=" + e.sid + "&start=" + be.serialize(i),
			
 
				-                    t.tagManager.activeTag && (n.linkToLocation += "&tag=" + t.tagManager.activeTag.sid)
			
 
				-                }
			
 
				-                var n = {}
			
 
				-                  , r = new Le.GUI({
			
 
				-                    autoPlace: !0,
			
 
				-                    width: "60%"
			
 
				-                });
			
 
				-                i(),
			
 
				-                t.on(xe.ViewChanged, i),
			
 
				-                r.add(n, "linkToLocation").name(Re.LINK_TO_LOCATION).listen(),
			
 
				-                r.domElement.id = "datLinks";
			
 
				-                var o = [].slice.call(r.domElement.querySelectorAll(".property-name"));
			
 
				-                return o.forEach(function(e) {
			
 
				-                    if (!K.detectSafari()) {
			
 
				-                        var t = document.createElement("button");
			
 
				-                        t.classList.add("btn-deep-link"),
			
 
				-                        t.innerText = Re.MENU_COPY,
			
 
				-                        e.nextSibling.appendChild(t);
			
 
				-                        var i = function() {
			
 
				-                            alert(Re.LINK_ALERT_COPY),
			
 
				-                            t.hide()
			
 
				-                        };
			
 
				-                        t.addEventListener("click", function(e) {
			
 
				-                            try {
			
 
				-                                var t = e.target.parentNode.childNodes[0];
			
 
				-                                t.select();
			
 
				-                                var n = document.execCommand("copy");
			
 
				-                                t.blur(),
			
 
				-                                n || i()
			
 
				-                            } catch (e) {
			
 
				-                                i()
			
 
				-                            }
			
 
				-                        })
			
 
				-                    }
			
 
				-                }),
			
 
				-                $(r.__closeButton).hide(),
			
 
				-                r
			
 
				+                // function i() {
			
 
				+                //     var i = t.toJSON();
			
 
				+                //     n.linkToLocation = window.location.protocol + "//" + window.location.host + window.location.pathname + "?m=" + e.sid + "&start=" + be.serialize(i),
			
 
				+                //     t.tagManager.activeTag && (n.linkToLocation += "&tag=" + t.tagManager.activeTag.sid)
			
 
				+                // }
			
 
				+                // var n = {}
			
 
				+                //   , r = new Le.GUI({
			
 
				+                //     autoPlace: !0,
			
 
				+                //     width: "60%"
			
 
				+                // });
			
 
				+                // i(),
			
 
				+                // t.on(xe.ViewChanged, i),
			
 
				+                // r.add(n, "linkToLocation").name(Re.LINK_TO_LOCATION).listen(),
			
 
				+                // r.domElement.id = "datLinks";
			
 
				+                // var o = [].slice.call(r.domElement.querySelectorAll(".property-name"));
			
 
				+                // return o.forEach(function(e) {
			
 
				+                //     if (!K.detectSafari()) {
			
 
				+                //         var t = document.createElement("button");
			
 
				+                //         t.classList.add("btn-deep-link"),
			
 
				+                //         t.innerText = Re.MENU_COPY,
			
 
				+                //         e.nextSibling.appendChild(t);
			
 
				+                //         var i = function() {
			
 
				+                //             alert(Re.LINK_ALERT_COPY),
			
 
				+                //             t.hide()
			
 
				+                //         };
			
 
				+                //         t.addEventListener("click", function(e) {
			
 
				+                //             try {
			
 
				+                //                 var t = e.target.parentNode.childNodes[0];
			
 
				+                //                 t.select();
			
 
				+                //                 var n = document.execCommand("copy");
			
 
				+                //                 t.blur(),
			
 
				+                //                 n || i()
			
 
				+                //             } catch (e) {
			
 
				+                //                 i()
			
 
				+                //             }
			
 
				+                //         })
			
 
				+                //     }
			
 
				+                // }),
			
 
				+                // $(r.__closeButton).hide(),
			
 
				+                // r
			
 
				             }
			
 
				             function N(e) {
			
 
				                 He.gui || (He.gui = D(He.model, He.player)),
			
--- a/src/assets/images/proj2022/bg.png
+++ b/src/assets/images/proj2022/bg.png
--- a/src/assets/images/proj2022/mobile/next.png
+++ b/src/assets/images/proj2022/mobile/next.png
--- a/src/assets/images/proj2022/mobile/prev.png
+++ b/src/assets/images/proj2022/mobile/prev.png
--- a/src/assets/images/proj2022/mobile/record_1@2x.png
+++ b/src/assets/images/proj2022/mobile/record_1@2x.png
--- a/src/assets/images/proj2022/mobile/record_2@2x.png
+++ b/src/assets/images/proj2022/mobile/record_2@2x.png
--- a/src/assets/images/proj2022/mobile/record_3@2x.png
+++ b/src/assets/images/proj2022/mobile/record_3@2x.png
--- a/src/assets/images/proj2022/mobile/record_4@2x.png
+++ b/src/assets/images/proj2022/mobile/record_4@2x.png
--- a/src/assets/images/proj2022/mobile/record_5@2x.png
+++ b/src/assets/images/proj2022/mobile/record_5@2x.png
--- a/src/assets/images/proj2022/mobile/record_five.png
+++ b/src/assets/images/proj2022/mobile/record_five.png
--- a/src/assets/images/proj2022/mobile/record_four.png
+++ b/src/assets/images/proj2022/mobile/record_four.png
--- a/src/assets/images/proj2022/mobile/record_one.png
+++ b/src/assets/images/proj2022/mobile/record_one.png
--- a/src/assets/images/proj2022/mobile/record_three.png
+++ b/src/assets/images/proj2022/mobile/record_three.png
--- a/src/assets/images/proj2022/mobile/record_two.png
+++ b/src/assets/images/proj2022/mobile/record_two.png
--- a/src/assets/images/proj2022/mobile/record_weiting.png
+++ b/src/assets/images/proj2022/mobile/record_weiting.png
--- a/src/assets/images/proj2022/mobile/record_wt@2x.png
+++ b/src/assets/images/proj2022/mobile/record_wt@2x.png
--- a/src/assets/images/proj2022/mobile/record_xt@2x.png
+++ b/src/assets/images/proj2022/mobile/record_xt@2x.png
--- a/src/assets/images/proj2022/mobile/record_xuting.png
+++ b/src/assets/images/proj2022/mobile/record_xuting.png
--- a/src/assets/images/proj2022/mobile/search_bg.png
+++ b/src/assets/images/proj2022/mobile/search_bg.png
--- a/src/assets/images/proj2022/mobile_bg.png
+++ b/src/assets/images/proj2022/mobile_bg.png
--- a/src/assets/images/proj2022/mobile_title.png
+++ b/src/assets/images/proj2022/mobile_title.png
--- a/src/assets/images/proj2022/mobile_units.png
+++ b/src/assets/images/proj2022/mobile_units.png
--- a/src/assets/images/proj2022/pc/clear.png
+++ b/src/assets/images/proj2022/pc/clear.png
--- a/src/assets/images/proj2022/pc/musicoff.png
+++ b/src/assets/images/proj2022/pc/musicoff.png
--- a/src/assets/images/proj2022/pc/musicon.png
+++ b/src/assets/images/proj2022/pc/musicon.png
--- a/src/assets/images/proj2022/pc/pause.png
+++ b/src/assets/images/proj2022/pc/pause.png
--- a/src/assets/images/proj2022/pc/play.png
+++ b/src/assets/images/proj2022/pc/play.png
--- a/src/assets/images/proj2022/pc/reset@2x.png
+++ b/src/assets/images/proj2022/pc/reset@2x.png
--- a/src/assets/images/proj2022/pc_units.png
+++ b/src/assets/images/proj2022/pc_units.png
--- a/src/assets/images/proj2022/title.png
+++ b/src/assets/images/proj2022/title.png
--- a/src/assets/images/project/project.zip
+++ b/src/assets/images/project/project.zip
--- a/src/assets/theme/color.less
+++ b/src/assets/theme/color.less
@@ -5,28 +5,28 @@
 
				 }
			
 
				 
			
 
				 .themexuting{
			
 
				-  .theme(#298ADF,#EB7777)
			
 
				+  .theme(#298ADF,#298ADF)
			
 
				 }
			
 
				 
			
 
				 .themeone{
			
 
				-  .theme(#BB2727,#89CC62)
			
 
				+  .theme(#BB2727,#BB2727)
			
 
				 }
			
 
				 
			
 
				 .themetwo{
			
 
				-  .theme(#71C852,#77CBEB)
			
 
				+  .theme(#71C852,#71C852)
			
 
				 }
			
 
				 
			
 
				 .themethree{
			
 
				-  .theme(#F9942F,#FEA45F)
			
 
				+  .theme(#F9942F,#F9942F)
			
 
				 }
			
 
				 
			
 
				 .themefour{
			
 
				-  .theme(#14469D,#75D8CB)
			
 
				+  .theme(#14469D,#14469D)
			
 
				 }
			
 
				 .themefive{
			
 
				-  .theme(#FFCC00,#D13F4A)
			
 
				+  .theme(#FFCC00,#FFCC00)
			
 
				 }
			
 
				 
			
 
				 .themeweiting{
			
 
				-  .theme(#298ADF,#D13F4A)
			
 
				+  .theme(#298ADF,#298ADF)
			
 
				 }
			
--- a/src/assets/theme/theme.less
+++ b/src/assets/theme/theme.less
@@ -13,25 +13,28 @@
 
				 
			
 
				   .biankuang {
			
 
				     position: relative;
			
 
				-
			
 
				-    &::before,
			
 
				-    &::after {
			
 
				-      background: linear-gradient(186deg, @backcolor 0%, rgba(0, 144, 255, 0) 100%);
			
 
				-      content: "";
			
 
				-      width: 100%;
			
 
				-      height: 4px;
			
 
				-      position: absolute;
			
 
				-      top: 0;
			
 
				-      right: 0;
			
 
				-      z-index: 99;
			
 
				+    &.active,&:hover{
			
 
				+      &::before,
			
 
				+      &::after {
			
 
				+        background: linear-gradient(186deg, @backcolor 0%, rgba(0, 144, 255, 0) 100%);
			
 
				+        content: "";
			
 
				+        width: 100%;
			
 
				+        height: 4px;
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        right: 0;
			
 
				+        z-index: 99;
			
 
				+      }
			
 
				+  
			
 
				+      &::after {
			
 
				+        content: "";
			
 
				+        top: 4px;
			
 
				+        height: 100%;
			
 
				+        width: 4px;
			
 
				+      }
			
 
				     }
			
 
				 
			
 
				-    &::after {
			
 
				-      content: "";
			
 
				-      top: 4px;
			
 
				-      height: 100%;
			
 
				-      width: 4px;
			
 
				-    }
			
 
				+   
			
 
				   }
			
 
				 
			
 
				   .slidee {
			
@@ -151,6 +154,24 @@
 
				     }
			
 
				   }
			
 
				 
			
 
				+  #drawer-container {
			
 
				+    height: 220px;
			
 
				+    #drawer {
			
 
				+      height: 130px;
			
 
				+      .frame-container {
			
 
				+        background: linear-gradient(90deg, rgba(@backcolor,0.3) 0%, rgba(@backcolor, 0.56) 100%);
			
 
				+        &::before {
			
 
				+          content: "";
			
 
				+          top: 0;
			
 
				+          left: 0;
			
 
				+          width: 100%;
			
 
				+          height: 4px;
			
 
				+          background: linear-gradient(211deg, @backcolor 0%,  rgba(@backcolor,0) 100%);
			
 
				+          position: absolute;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				 
			
 
				   ::-webkit-scrollbar {
			
 
				     width: 2px;
			
--- a/src/components/bird_view/build.js
+++ b/src/components/bird_view/build.js
@@ -1,31 +1,43 @@
 
				-import Vue from 'vue'
			
 
				-import UIBirdView from './index.vue'
			
 
				-
			
 
				-
			
 
				-let BirdView = Vue.extend(UIBirdView)
			
 
				-
			
 
				-
			
 
				-var birdviewInstance = ''
			
 
				-export function $showBirdView(data={}) {
			
 
				-    if (birdviewInstance) {
			
 
				-        return
			
 
				-    }
			
 
				-    birdviewInstance = new BirdView({
			
 
				-        data
			
 
				-    }).$mount()
			
 
				-
			
 
				-    document.body.appendChild(birdviewInstance.$el)
			
 
				-
			
 
				-    Vue.nextTick(() => {
			
 
				-        birdviewInstance.show = true
			
 
				-    })
			
 
				+import Vue from "vue";
			
 
				+import UIBirdView from "./index.vue";
			
 
				+
			
 
				+let BirdView = Vue.extend(UIBirdView);
			
 
				+
			
 
				+var birdviewInstance = "";
			
 
				+export function $showBirdView(data = {}) {
			
 
				+  if (birdviewInstance) {
			
 
				+    return;
			
 
				+  }
			
 
				+  birdviewInstance = new BirdView({
			
 
				+    data,
			
 
				+  }).$mount();
			
 
				+
			
 
				+  document.body.appendChild(birdviewInstance.$el);
			
 
				+
			
 
				+  Vue.nextTick(() => {
			
 
				+    window.parent.postMessage(
			
 
				+      {
			
 
				+        source: "mode.changed",
			
 
				+        data: "birdview",
			
 
				+      },
			
 
				+      "*"
			
 
				+    );
			
 
				+    birdviewInstance.show = true;
			
 
				+  });
			
 
				 }
			
 
				 
			
 
				 export function $hideBirdView() {
			
 
				-    if (birdviewInstance) {
			
 
				-        document.body.removeChild(birdviewInstance.$el)
			
 
				-        birdviewInstance = ''
			
 
				+  if (birdviewInstance) {
			
 
				+    document.body.removeChild(birdviewInstance.$el);
			
 
				+    birdviewInstance = "";
			
 
				+    if (window.player.mode == "panorama") {
			
 
				+      window.parent.postMessage(
			
 
				+        {
			
 
				+          source: "mode.changed",
			
 
				+          data: "panorama",
			
 
				+        },
			
 
				+        "*"
			
 
				+      );
			
 
				     }
			
 
				+  }
			
 
				 }
			
 
				-
			
 
				-
			
--- a/src/components/bird_view/index.vue
+++ b/src/components/bird_view/index.vue
@@ -1,33 +1,50 @@
 
				 <template>
			
 
				   <div class="birdview" :style="{ backgroundImage: `url(${require(`@/assets/images/proj2022/pc/birdviewbg.jpg`)})` }">
			
 
				-    <img class="close" @click="close" :src="require('@/assets/images/proj2022/pc/cancel.png')" alt="" />
			
 
				-    <img class="tag" @click="onClick(item)" v-for="(item, i) in themes" :key="i" :class="item.id" :src="require(`@/assets/images/proj2022/bird_view/${item.id}.png`)" alt="" />
			
 
				+    <img v-if="!hideClose" class="close" @click="close" :src="require('@/assets/images/proj2022/pc/cancel.png')" alt="" />
			
 
				+    <div class="tag" v-for="(item, i) in themes" :key="i" :class="item.id">
			
 
				+      <img @click="onClick(item)" :src="require(`@/assets/images/proj2022/bird_view/${item.id}.png`)" alt="" />
			
 
				+    </div>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				-import router from '@/router'
			
 
				-
			
 
				+import { region } from "@/data/raw.js";
			
 
				 
			
 
				 export default {
			
 
				   data() {
			
 
				     return {
			
 
				       show: true,
			
 
				+      hideClose: false,
			
 
				+      themescene: "",
			
 
				     };
			
 
				   },
			
 
				   methods: {
			
 
				     close() {
			
 
				       this.$hideBirdView();
			
 
				     },
			
 
				-    onClick(data){
			
 
				-      router.push({
			
 
				-        name:'scene',
			
 
				-        params:{type:data.id,isjump:'yes'}
			
 
				-      })
			
 
				-      setTimeout(() => {
			
 
				-        this.close()
			
 
				-      }, 300);
			
 
				-    }
			
 
				+    onClick(data) {
			
 
				+      let fn = () => {
			
 
				+        let currentRegion = region.find((item) => item.id == data.id);
			
 
				+        let { x, y, z, w } = currentRegion.firstView.panoQuaternion;
			
 
				+        window.player.blackToPano({
			
 
				+          pano: window.player.model.panos.index[currentRegion.firstView.panoId],
			
 
				+          quaternion: new window.THREE.Quaternion(x, y, z, w),
			
 
				+        });
			
 
				+      };
			
 
				+      if (window.player.mode != "panorama") {
			
 
				+        window.player.director.changeMode("panorama").then(()=>{
			
 
				+          fn();
			
 
				+          setTimeout(() => {
			
 
				+            this.close();
			
 
				+          }, 300);
			
 
				+        });
			
 
				+      } else {
			
 
				+        setTimeout(() => {
			
 
				+          fn();
			
 
				+          this.close();
			
 
				+        }, 300);
			
 
				+      }
			
 
				+    },
			
 
				   },
			
 
				 };
			
 
				 </script>
			
@@ -55,6 +72,22 @@ export default {
 
				     position: absolute;
			
 
				     max-width: 10%;
			
 
				     cursor: pointer;
			
 
				+    display: inline-block;
			
 
				+    &::after {
			
 
				+      pointer-events: none;
			
 
				+      animation: highlight-move 3s infinite;
			
 
				+      background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.3) 50%, hsla(0, 0%, 100%, 0));
			
 
				+      content: "";
			
 
				+      height: 88%;
			
 
				+      left: 0%;
			
 
				+      position: absolute;
			
 
				+      top: 0;
			
 
				+      transform: skewX(-45deg);
			
 
				+      width: 40%;
			
 
				+    }
			
 
				+    > img {
			
 
				+      width: 100%;
			
 
				+    }
			
 
				   }
			
 
				   .one {
			
 
				     top: 48%;
			
@@ -73,7 +106,7 @@ export default {
 
				     left: 47%;
			
 
				   }
			
 
				   .five {
			
 
				-        top: 23%;
			
 
				+    top: 23%;
			
 
				     left: 37%;
			
 
				   }
			
 
				   .xuting {
			
@@ -85,4 +118,14 @@ export default {
 
				     left: 30%;
			
 
				   }
			
 
				 }
			
 
				+
			
 
				+@keyframes highlight-move {
			
 
				+  0% {
			
 
				+    left: 0%;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    left: 70%;
			
 
				+  }
			
 
				+}
			
 
				 </style>
			
--- a/src/components/hotspot/image.vue
+++ b/src/components/hotspot/image.vue
@@ -21,17 +21,15 @@
 
				   </div>
			
 
				 
			
 
				   <div v-else class="mbhotspot">
			
 
				-    <img @click="$emit('close')" class="close" :src="require('@/assets/images/project/icon/close.png')" alt="" />
			
 
				-
			
 
				     <div class="mbhcon" :class="{ fullcon: !hotspot.content }">
			
 
				       <div class="img-con">
			
 
				-        <img class="aa" v-if="hotspot.images.length > 1" :src="require('@/assets/images/project/icon/hotspot_l.png')" alt="" @click="handlePage('prev')" />
			
 
				+        <img class="aa" v-if="hotspot.images.length > 1" :src="require('@/assets/images/proj2022/mobile/prev.png')" alt="" @click="handlePage('prev')" />
			
 
				         <div class="imgmain" >
			
 
				           <img id="map" :src="g_fixUrl(hotspot.images[active])" alt="" />
			
 
				         </div>
			
 
				-        <img class="aa" :src="require('@/assets/images/project/icon/hotspot_r.png')" alt="" @click="handlePage('next')" />
			
 
				+        <img class="aa"  v-if="hotspot.images.length > 1" :src="require('@/assets/images/proj2022/mobile/next.png')" alt="" @click="handlePage('next')" />
			
 
				       </div>
			
 
				-      <div class="desc">
			
 
				+      <div class="desc" v-if="hotspot.title||hotspot.imagesDesc[active]">
			
 
				         <div class="title" v-html="hotspot.title"></div>
			
 
				         <div v-html="handleContent(hotspot.imagesDesc[active], 14)"></div>
			
 
				       </div>
			
@@ -149,10 +147,11 @@ export default {
 
				   width: 100%;
			
 
				   height: 100%;
			
 
				   position: fixed;
			
 
				-  background: #000;
			
 
				+  background: rgba(0, 0, 0, 0.5);
			
 
				   left: 0;
			
 
				   top: 0;
			
 
				-  z-index: 999999;
			
 
				+  backdrop-filter: blur(20px);
			
 
				+  z-index: 9999;
			
 
				   .close {
			
 
				     position: absolute;
			
 
				     top: 26px;
			
@@ -186,6 +185,21 @@ export default {
 
				           max-width: 100%;
			
 
				         }
			
 
				       }
			
 
				+       @pos: 14px;
			
 
				+      .aa {
			
 
				+        position: absolute;
			
 
				+        width: 18px;
			
 
				+        height: auto;
			
 
				+        cursor: pointer;
			
 
				+        top: 50%;
			
 
				+        transform: translateY(-50%);
			
 
				+        left: @pos;
			
 
				+        z-index: 999;
			
 
				+        &:last-of-type {
			
 
				+          right: @pos;
			
 
				+          left: unset;
			
 
				+        }
			
 
				+      }
			
 
				     }
			
 
				     .desc {
			
 
				       overflow-y: auto;
			
--- a/src/components/hotspot/index.vue
+++ b/src/components/hotspot/index.vue
@@ -210,7 +210,7 @@ export default {
 
				   padding: 15px;
			
 
				   border-radius: 50%;
			
 
				   cursor: pointer;
			
 
				-  z-index: 99999;
			
 
				+  z-index: 9999999;
			
 
				   background: rgba(255, 255, 255, 0.1);
			
 
				   > img {
			
 
				     width: 20px;
			
@@ -220,5 +220,10 @@ export default {
 
				 
			
 
				 .mbhotspotcon {
			
 
				   pointer-events: auto;
			
 
				+  .close {
			
 
				+    top: 10px;
			
 
				+    right: 10px;
			
 
				+    background: rgba(255, 255, 255, 0.0);
			
 
				+  }
			
 
				 }
			
 
				 </style>
			
--- a/src/components/hotspot/model.vue
+++ b/src/components/hotspot/model.vue
@@ -32,12 +32,6 @@
 
				   </div>
			
 
				 
			
 
				   <div v-else class="mbhotspot">
			
 
				-    <img
			
 
				-      @click="$emit('close')"
			
 
				-      class="close"
			
 
				-      :src="require('@/assets/images/project/icon/close.png')"
			
 
				-      alt=""
			
 
				-    />
			
 
				     <div class="mbhcon">
			
 
				       <div class="img-con">
			
 
				         <img
			
@@ -64,7 +58,7 @@
 
				         />
			
 
				       </div>
			
 
				 
			
 
				-      <div class="desc">
			
 
				+      <div class="desc"  v-if="hotspot.title||hotspot.contents[active]">
			
 
				         <div class="title" v-html="hotspot.title"></div>
			
 
				         <div v-html="handleContent(hotspot.contents[active], 14)"></div>
			
 
				       </div>
			
@@ -117,10 +111,11 @@ export default {
 
				   width: 100%;
			
 
				   height: 100%;
			
 
				   position: fixed;
			
 
				-  background: #000;
			
 
				+  background: rgba(0, 0, 0, 0.5);
			
 
				   left: 0;
			
 
				   top: 0;
			
 
				-  z-index: 999999;
			
 
				+  backdrop-filter: blur(20px);
			
 
				+  z-index: 9999;
			
 
				   .close {
			
 
				     position: absolute;
			
 
				     top: 26px;
			
--- a/src/components/hotspot/video.vue
+++ b/src/components/hotspot/video.vue
@@ -32,7 +32,6 @@
 
				   </div>
			
 
				 
			
 
				   <div v-else class="mbhotspot">
			
 
				-    <img @click="$emit('close')" class="close" :src="require('@/assets/images/project/icon/close.png')" alt="" />
			
 
				     <div class="mbhcon">
			
 
				       <div class="img-con">
			
 
				         <img class="aa" v-if="hotspot.video.length > 1" :src="require('@/assets/images/project/icon/hotspot_l.png')" alt="" @click="handlePage('prev')" />
			
@@ -52,7 +51,7 @@
 
				         <img class="aa" v-if="hotspot.video.length > 1" :src="require('@/assets/images/project/icon/hotspot_r.png')" alt="" @click="handlePage('next')" />
			
 
				       </div>
			
 
				 
			
 
				-      <div class="desc">
			
 
				+      <div class="desc" v-if="hotspot.title||hotspot.contents[active]">
			
 
				         <div class="title" v-html="hotspot.title"></div>
			
 
				         <div v-html="handleContent(hotspot.contents[active], 14)"></div>
			
 
				       </div>
			
@@ -128,10 +127,11 @@ export default {
 
				   width: 100%;
			
 
				   height: 100%;
			
 
				   position: fixed;
			
 
				-  background: #000;
			
 
				+  background: rgba(0, 0, 0, 0.5);
			
 
				   left: 0;
			
 
				   top: 0;
			
 
				-  z-index: 999999;
			
 
				+  backdrop-filter: blur(20px);
			
 
				+  z-index: 9999;
			
 
				   .close {
			
 
				     position: absolute;
			
 
				     top: 26px;
			
--- a/src/data/booth.js
+++ b/src/data/booth.js
@@ -2,61 +2,63 @@ let Booth = [
 
				   {
			
 
				     id: "xuting",
			
 
				     name: "序厅",
			
 
				+    firstView: "&firstView=pano:0,qua:0.004201298516425423,0.6983405631424313,-0.004099157345704842,0.7157415805989583", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "序厅",
			
 
				         img: "X-01.jpg", //封面
			
 
				         id: "xt_1", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:0,qua:0.0038368850860956783,0.7005042238404651,-0.003766324081784094,0.7136280054421932", //初始視角
			
 
				+        firstView: "&firstView=pano:0,qua:0.004201298527209351,0.6983405615554751,-0.00409915733638964,0.7157415822254577", //初始視角
			
 
				         panoId: "0", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "创业带动就业持续增长",
			
 
				         img: "X-02.jpg", //封面
			
 
				         id: "xt_2", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:0,qua:0.04703409237505493,0.054704026765106585,-0.0025796848293629625,0.9973908972887784", //初始視角
			
 
				-        panoId: "0", //对应点位id
			
 
				+        firstView: "&firstView=pano:7,qua:0.0016618062354900175,0.9951116769505177,0.017001429620398033,-0.0972672777124245", //初始視角
			
 
				+        panoId: "7", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "创新创业引领科技自立自强",
			
 
				         img: "X-03.jpg", //封面
			
 
				         id: "xt_3", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:2,qua:0.11440616679987013,0.2658787186037442,-0.031796032212884046,0.9566654362543237", //初始視角
			
 
				-        panoId: "2", //对应点位id
			
 
				+        firstView: "&firstView=pano:6,qua:-0.0001696058448568209,0.9738949773788784,0.0007276645412913977,0.2269978391247142", //初始視角
			
 
				+        panoId: "6", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "创新创业助力构建新发展结局",
			
 
				         img: "X-04.jpg", //封面
			
 
				         id: "xt_4", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:3,qua:0.05977860601663899,0.21499112798433248,-0.013185522617189974,0.9746955802878524", //初始視角
			
 
				-        panoId: "3", //对应点位id
			
 
				+        firstView: "&firstView=pano:5,qua:0.00034539238583263524,0.9722015206464181,-0.0014341398040570643,0.2341410492889125", //初始視角
			
 
				+        panoId: "5", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "吉祥物",
			
 
				         img: "X-05.jpg", //封面
			
 
				         id: "xt_5", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:7,qua:0.0012662347281888807,0.9974540024503787,-0.01832967310663833,0.06890526167051911", //初始視角
			
 
				-        panoId: "7", //对应点位id
			
 
				+        firstView: "&firstView=pano:1,qua:-0.005740031249920988,-0.05586311126381863,-0.0003211628511652553,0.9984218915575973", //初始視角
			
 
				+        panoId: "1", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "创新增动能 创业促就业",
			
 
				         img: "X-06.jpg", //封面
			
 
				         id: "xt_6", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:6,qua:0.003688269638036607,0.9789261708588267,-0.01775023783567164,0.20340817612807627", //初始視角
			
 
				-        panoId: "6", //对应点位id
			
 
				+        firstView: "&firstView=pano:1,qua:0.0001016990481358776,0.3572133344097955,-0.000038894399154036935,0.9340228128281571", //初始視角
			
 
				+        panoId: "1", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "序厅",
			
 
				+        name: "大众创业 万众创新",
			
 
				         img: "X-07.jpg", //封面
			
 
				         id: "xt_7", //標識符 xt_1
			
 
				-        firstView: "&firstView=pano:5,qua:0.00748617332798922,0.9754119733216533,-0.03354310808463041,0.21769310305312425", //初始視角
			
 
				-        panoId: "5", //对应点位id
			
 
				+        firstView: "&firstView=pano:4,qua:-0.004988960619255477,-0.71878611095915,-0.005158263903502507,0.6951942504027608", //初始視角
			
 
				+        panoId: "4", //对应点位id
			
 
				       },
			
 
				     ],
			
 
				   },
			
 
				   {
			
 
				     id: "one", //展区id，可以用拼音来作为id 如：展区a---zhanqu_a 
			
 
				     name: "新业态拓展就业空间", //对应区域
			
 
				+    firstView: "&firstView=pano:4,qua:-0.016484962519480128,0.7083437993857234,0.016551859736091593,0.7054809155529423", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "北大创新创业示范基地", //展项名
			
@@ -308,6 +310,7 @@ let Booth = [
 
				   {
			
 
				     id: "two",
			
 
				     name: "新技术助力自立自强",
			
 
				+    firstView: "&firstView=pano:28,qua:-0.0025227562096617204,0.7274944951689518,0.0026749474742033,0.6861036680499847", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "基于先进印刷制造的超薄柔性电池",
			
@@ -559,6 +562,7 @@ let Booth = [
 
				   {
			
 
				     id: "three",
			
 
				     name: "新生态激发主体活力",
			
 
				+    firstView: "&firstView=pano:54,qua:0.001379024148335344,0.7366686163278059,-0.0015022291805256197,0.676250845860994", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "智铸超云",
			
@@ -775,6 +779,7 @@ let Booth = [
 
				   {
			
 
				     id: "four",
			
 
				     name: "新动能提升发展韧性",
			
 
				+    firstView: "&firstView=pano:133,qua:0.00008715349787287117,0.9997454110555601,-0.022219891745382258,0.003921320376087155", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "蛮酷国产自动驾驶4D成像毫米波雷达",
			
@@ -1026,6 +1031,7 @@ let Booth = [
 
				   {
			
 
				     id: "five",
			
 
				     name: "新模式促进共同富裕",
			
 
				+    firstView: "&firstView=pano:180,qua:0.0012278773790903405,-0.7063726737557519,0.0012253354908840718,0.7078380020572562", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "薪火芳华——中国青年国潮品牌",
			
@@ -1242,55 +1248,49 @@ let Booth = [
 
				   {
			
 
				     id: "weiting",
			
 
				     name: "尾厅",
			
 
				+    firstView: "&firstView=pano:232,qua:0.005304150371975262,-0.672455648730051,0.004819339119823067,0.7401027159751582", //初始視角
			
 
				     company: [
			
 
				       {
			
 
				         name: "尾厅",
			
 
				         img: "W-01.jpg", //封面
			
 
				         id: "weiting_1", //標識符
			
 
				-        firstView: "&firstView=pano:233,qua:-0.011847751050887485,-0.6992249189332259,-0.011591061719473932,0.7147095774498183", //初始視角
			
 
				+        firstView: "&firstView=pano:233,qua:0.032935357563790554,-0.6952698285316488,0.031924551167155014,0.7172837211926921", //初始視角
			
 
				         panoId: "233", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "尾厅",
			
 
				+        name: "大众创业",
			
 
				         img: "W-02.jpg", //封面
			
 
				         id: "weiting_2", //標識符
			
 
				-        firstView: "&firstView=pano:234,qua:0.07181441634068843,-0.025826172872966423,0.0018601196323625015,0.997081857403339", //初始視角
			
 
				+        firstView: "&firstView=pano:234,qua:0.055881184582540086,0.016122411799243987,-0.0009024674800377453,0.9983068377704948", //初始視角
			
 
				         panoId: "234", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "尾厅",
			
 
				+        name: "万众创新",
			
 
				         img: "W-03.jpg", //封面
			
 
				         id: "weiting_3", //標識符
			
 
				-        firstView: "&firstView=pano:235,qua:0.12113748509466533,-0.013917683442338223,0.0016986304784258213,0.9925367161303704", //初始視角
			
 
				-        panoId: "235", //对应点位id
			
 
				+        firstView: "&firstView=pano:237,qua:0.029157914476751,0.03126976611715679,-0.0009125960534838575,0.9990851792454135", //初始視角
			
 
				+        panoId: "237", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "尾厅",
			
 
				+        name: "2015到2017",
			
 
				         img: "W-04.jpg", //封面
			
 
				         id: "weiting_4", //標識符
			
 
				-        firstView: "&firstView=pano:236,qua:0.11447755308678383,-0.023153886815307428,0.0026688758344931567,0.9931523820308368", //初始視角
			
 
				-        panoId: "236", //对应点位id
			
 
				+        firstView: "&firstView=pano:234,qua:0.00013194738548272448,0.9970746390522521,-0.07641455196241369,0.001721679815712745", //初始視角
			
 
				+        panoId: "234", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "尾厅",
			
 
				+        name: "2018到2019",
			
 
				         img: "W-05.jpg", //封面
			
 
				         id: "weiting_5", //標識符
			
 
				-        firstView: "&firstView=pano:236,qua:-0.004281232081605008,0.9941158778739673,-0.0994099179726458,-0.04281304030535029", //初始視角
			
 
				-        panoId: "236", //对应点位id
			
 
				+        firstView: "&firstView=pano:235,qua:-0.005119344726123866,0.9920579044680445,-0.04300679417817387,-0.11809033345326811", //初始視角
			
 
				+        panoId: "235", //对应点位id
			
 
				       },
			
 
				       {
			
 
				-        name: "尾厅",
			
 
				+        name: "2020到2021",
			
 
				         img: "W-06.jpg", //封面
			
 
				         id: "weiting_6", //標識符
			
 
				-        firstView: "&firstView=pano:235,qua:-0.0010871669588813685,0.9945936688345726,-0.10330872568687778,-0.010466582656841332", //初始視角
			
 
				-        panoId: "235", //对应点位id
			
 
				-      },
			
 
				-      {
			
 
				-        name: "尾厅",
			
 
				-        img: "W-07.jpg", //封面
			
 
				-        id: "weiting_7", //標識符
			
 
				-        firstView: "&firstView=pano:234,qua:0.0000574358388387303,0.9937090733335692,-0.11199110841290948,0.0005096343171049693", //初始視角
			
 
				-        panoId: "234", //对应点位id
			
 
				+        firstView: "&firstView=pano:237,qua:0.00039591887032283457,0.9973898365381637,-0.07199498652455322,0.005484902034544629", //初始視角
			
 
				+        panoId: "237", //对应点位id
			
 
				       },
			
 
				     ],
			
 
				   },
			
--- a/src/data/raw.js
+++ b/src/data/raw.js
@@ -18,12 +18,12 @@ let region = [
 
				     company: [1, 2, 3], //序厅展位ID
			
 
				     spread: calcuSpread(0, 7),
			
 
				     firstView: {
			
 
				-      panoId: "1",
			
 
				+      panoId: "0",
			
 
				       panoQuaternion: {
			
 
				-        w: 0.7136848069310208,
			
 
				-        x: -0.0019084363104157679,
			
 
				-        y: 0.7004618967012249,
			
 
				-        z: 0.0018730774187821193,
			
 
				+        w: 0.004201298516425423,
			
 
				+        x: 0.6983405631424313,
			
 
				+        y: -0.004099157345704842,
			
 
				+        z: 0.7157415805989583,
			
 
				       },
			
 
				     },
			
 
				   },
			
@@ -66,12 +66,12 @@ let region = [
 
				     ], //对应展位id
			
 
				     spread: calcuSpread(8, 47),
			
 
				     firstView: {
			
 
				-      panoId: "8",
			
 
				+      panoId: "4",
			
 
				       panoQuaternion: {
			
 
				-        w: 0.7248763745392001,
			
 
				-        x: -0.00040960177911638973,
			
 
				-        y: 0.6888787538646899,
			
 
				-        z: 0.0003892608210995187,
			
 
				+        w: -0.016484962519480128,
			
 
				+        x: 0.7083437993857234,
			
 
				+        y: 0.016551859736091593,
			
 
				+        z: 0.7054809155529423,
			
 
				       },
			
 
				     },
			
 
				   },
			
@@ -110,12 +110,12 @@ let region = [
 
				     ], //展区二展位ID
			
 
				     spread: calcuSpread(48, 97),
			
 
				     firstView: {
			
 
				-      panoId: "48",
			
 
				+      panoId: "28",
			
 
				       panoQuaternion: {
			
 
				-        w: 0.7055175218180174,
			
 
				-        x: 0.02856187266685435,
			
 
				-        y: 0.7075371265076107,
			
 
				-        z: -0.02864363447031339,
			
 
				+        w: -0.0025227562096617204,
			
 
				+        x:0.7274944951689518,
			
 
				+        y: 0.0026749474742033,
			
 
				+        z: 0.6861036680499847,
			
 
				       },
			
 
				     },
			
 
				   },
			
@@ -155,7 +155,7 @@ let region = [
 
				     ], //展区三展位ID
			
 
				     spread: calcuSpread(98, 133),
			
 
				     firstView: {
			
 
				-      panoId: "95",
			
 
				+      panoId: "57",
			
 
				       panoQuaternion: {
			
 
				         w: 0.7025372977959743,
			
 
				         x: 0.03404281418995961,
			
@@ -205,7 +205,7 @@ let region = [
 
				     ], //展区四展位ID
			
 
				     spread: calcuSpread(134, 186),
			
 
				     firstView: {
			
 
				-      panoId: "134",
			
 
				+      panoId: "133",
			
 
				       panoQuaternion: {
			
 
				         w: -0.3600515275002373,
			
 
				         x: 0.0035370686330483685,
			
@@ -257,7 +257,7 @@ let region = [
 
				     ], //展区五展位ID
			
 
				     spread: calcuSpread(187, 232),
			
 
				     firstView: {
			
 
				-      panoId: "207",
			
 
				+      panoId: "180",
			
 
				       panoQuaternion: {
			
 
				         w: 0.3502011027682601,
			
 
				         x: 0.0028560994705540276,
			
@@ -280,7 +280,7 @@ let region = [
 
				     ], //尾厅展位ID
			
 
				     spread: calcuSpread(233, 237),
			
 
				     firstView: {
			
 
				-      panoId: "207",
			
 
				+      panoId: "232",
			
 
				       panoQuaternion: {
			
 
				         w: 0.3502011027682601,
			
 
				         x: 0.0028560994705540276,
			
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -2,12 +2,12 @@
 
				   <div
			
 
				     class="home"
			
 
				     :style="{
			
 
				-      backgroundImage: `url(${require('@/assets/images/project/bg.png')})`,
			
 
				+      backgroundImage: `url(${require('@/assets/images/proj2022/bg.png')})`,
			
 
				     }"
			
 
				   >
			
 
				     <div class="h-con">
			
 
				       <div class="h-title">
			
 
				-        <img :src="require('@/assets/images/project/title.png')" alt="" />
			
 
				+        <img :src="require('@/assets/images/proj2022/title.png')" alt="" />
			
 
				       </div>
			
 
				       <!-- <ul>
			
 
				         <li v-for="(item, i) in units" :key="i">
			
@@ -15,9 +15,11 @@
 
				           <span>{{ item.val }}</span>
			
 
				         </li>
			
 
				       </ul> -->
			
 
				-      <img class="tunits" :src="require('@/assets/images/project/pc_units.png')" alt="" />
			
 
				+      <img class="tunits" :src="require('@/assets/images/proj2022/pc_units.png')" alt="" />
			
 
				 
			
 
				-      <img @click="$showBirdView()" class="h-btn" :src="require('@/assets/images/project/btn.png')" alt="" />
			
 
				+      <img @click="$showBirdView({
			
 
				+        hideClose:true
			
 
				+      })" class="h-btn" :src="require('@/assets/images/project/btn.png')" alt="" />
			
 
				     </div>
			
 
				   </div>
			
 
				 </template>
			
@@ -44,7 +46,7 @@ export default {
 
				   background-position: bottom left;
			
 
				 
			
 
				   .h-con {
			
 
				-    width: 72%;
			
 
				+    width: 60%;
			
 
				     margin: 0 auto;
			
 
				     padding-top: 30px;
			
 
				     color: #fff;
			
@@ -52,11 +54,11 @@ export default {
 
				     .h-title {
			
 
				       width: 100%;
			
 
				       > img {
			
 
				-        width: 100%;
			
 
				+        width: 90%;
			
 
				       }
			
 
				     }
			
 
				     .tunits {
			
 
				-      width: 96%;
			
 
				+      width: 98%;
			
 
				       margin: 40px auto 0;
			
 
				     }
			
 
				     > ul {
			
@@ -78,7 +80,7 @@ export default {
 
				       }
			
 
				     }
			
 
				     .h-btn {
			
 
				-      margin: 50px auto 0;
			
 
				+      margin: 8% auto 0;
			
 
				       max-width: 298px;
			
 
				       cursor: pointer;
			
 
				     }
			
--- a/src/pages/mobile.vue
+++ b/src/pages/mobile.vue
@@ -2,21 +2,30 @@
 
				   <div
			
 
				     class="home"
			
 
				     :style="{
			
 
				-      backgroundImage: `url(${require('@/assets/images/mobile/bg.png')})`,
			
 
				+      backgroundImage: `url(${require('@/assets/images/proj2022/mobile_bg.png')})`,
			
 
				     }"
			
 
				   >
			
 
				     <div class="h-con">
			
 
				       <div class="h-title">
			
 
				-        <img :src="require('@/assets/images/mobile/title.png')" alt="" />
			
 
				+        <img :src="require('@/assets/images/proj2022/mobile_title.png')" alt="" />
			
 
				       </div>
			
 
				-      <img class="tunits" :src="require('@/assets/images/mobile/mobile_units.png')" alt="" />
			
 
				-      <img @click="$showBirdView()" class="h-btn" :src="require('@/assets/images/project/btn.png')" alt="" />
			
 
				+      <img class="tunits" :src="require('@/assets/images/proj2022/mobile_units.png')" alt="" />
			
 
				+      <img @click="showBirdview=true" class="h-btn" :src="require('@/assets/images/project/btn.png')" alt="" />
			
 
				+      <birdview @close="showBirdview=false" v-if="showBirdview"/>
			
 
				     </div>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				+import birdview from "./mobilescene/birdview/index.vue";
			
 
				+
			
 
				 export default {
			
 
				+  components:{birdview},
			
 
				+  data(){
			
 
				+    return {
			
 
				+      showBirdview:false
			
 
				+    }
			
 
				+  }
			
 
				 };
			
 
				 </script>
			
 
				 
			
@@ -43,7 +52,7 @@ export default {
 
				     }
			
 
				     .tunits{
			
 
				       width: 100%;
			
 
				-      margin: 10px auto 0;
			
 
				+      margin: 20px auto 0;
			
 
				     }
			
 
				     > ul {
			
 
				         width: 100%;
			
@@ -64,8 +73,8 @@ export default {
 
				       }
			
 
				     }
			
 
				     .h-btn{
			
 
				-        margin: 0 auto;
			
 
				-        max-width: 148px;
			
 
				+        margin: 20px auto;
			
 
				+        max-width: 168px;
			
 
				         cursor: pointer;
			
 
				     }
			
 
				   }
			
--- a/src/pages/mobilescene/birdview/ViewOperation.vue
+++ b/src/pages/mobilescene/birdview/ViewOperation.vue
@@ -0,0 +1,189 @@
 
				+<template>
			
 
				+  <div class="per-layout" ref="layout">
			
 
				+    <div id="box" class="content" :style="contentStyle">
			
 
				+      <slot />
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import {setGesture} from '@/utils'
			
 
				+import browser from '@/utils/browser'
			
 
				+
			
 
				+const MAXSCALE = 1
			
 
				+const MINSCALE = 1
			
 
				+const RANGE = 0.1
			
 
				+const wh = {width: window.innerHeight * (1920 / 1080), height: window.innerHeight}
			
 
				+
			
 
				+export default {
			
 
				+  data () {
			
 
				+    return {
			
 
				+      wh,
			
 
				+      width: wh.width,
			
 
				+      height: wh.height,
			
 
				+      tscale: 1,
			
 
				+      translate: {
			
 
				+        x: 0,
			
 
				+        y: 0
			
 
				+      },
			
 
				+      isFireFox: browser.gecko,
			
 
				+      ismobile: browser.mobile
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    contentStyle () {
			
 
				+      let tempW = Math.round(this.tscale * wh.width)
			
 
				+      let tempH = Math.round(this.tscale * wh.height)
			
 
				+
			
 
				+      let val = `translateX(calc(-50% + ${this.translate.x}px))
			
 
				+        translateY(calc(-50% + ${this.translate.y}px))
			
 
				+        `
			
 
				+      let width = `${tempW % 2 === 0 ? tempW : tempW + 1}px`
			
 
				+      let height = `${tempH % 2 === 0 ? tempH : tempH + 1}px`
			
 
				+      let top = `${Math.round(0.5 * wh.height)}px`
			
 
				+      return {transform: val, width, height, top}
			
 
				+    },
			
 
				+    wLimit () {
			
 
				+      return this.ismobile ? ((wh.width * Math.max(this.tscale, 1))) / 2 - window.innerWidth / 2 : ((wh.width * this.tscale) - wh.width) / 2
			
 
				+    },
			
 
				+    hLimit () {
			
 
				+      return ((wh.height * this.tscale) - wh.height) / 2
			
 
				+    }
			
 
				+  },
			
 
				+  watch: {
			
 
				+    tscale () {
			
 
				+      this.$emit('closeItem')
			
 
				+      this.translate.x = Math.min(Math.max(this.translate.x, -this.wLimit), this.wLimit)
			
 
				+      this.translate.y = Math.min(Math.max(this.translate.y, -this.hLimit), this.hLimit)
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    readyMove (ev) {
			
 
				+      // ev.preventDefault()
			
 
				+      ev.stopPropagation()
			
 
				+      let startX, startY
			
 
				+      if (ev.screenX) {
			
 
				+        startX = ev.screenX
			
 
				+        startY = ev.screenY
			
 
				+      } else {
			
 
				+        startX = ev.touches[0].clientX
			
 
				+        startY = ev.touches[0].clientY
			
 
				+      }
			
 
				+
			
 
				+      let x = this.translate.x
			
 
				+      let y = this.translate.y
			
 
				+      let moveHandle = ev => {
			
 
				+        let moveX, moveY
			
 
				+        if (ev.screenX) {
			
 
				+          moveX = ev.screenX
			
 
				+          moveY = ev.screenY
			
 
				+        } else {
			
 
				+          moveX = ev.touches[0].clientX
			
 
				+          moveY = ev.touches[0].clientY
			
 
				+        }
			
 
				+
			
 
				+        this.translate.x = Math.min(Math.max((x + moveX - startX), -this.wLimit), this.wLimit)
			
 
				+        this.translate.y = Math.min(Math.max((y + moveY - startY), -this.hLimit), this.hLimit)
			
 
				+      }
			
 
				+
			
 
				+      let upHandle = () => {
			
 
				+        document.removeEventListener('touchmove', moveHandle, { passive: false })
			
 
				+        document.removeEventListener('touchend', upHandle)
			
 
				+        document.removeEventListener('mousemove', moveHandle, { passive: false })
			
 
				+        document.removeEventListener('mouseup', upHandle)
			
 
				+      }
			
 
				+
			
 
				+      document.addEventListener('touchmove', moveHandle, { passive: false })
			
 
				+      document.addEventListener('touchend', upHandle)
			
 
				+      document.addEventListener('mousemove', moveHandle, { passive: false })
			
 
				+      document.addEventListener('mouseup', upHandle)
			
 
				+    },
			
 
				+    scrollFunc  (e) {
			
 
				+      e = e || window.event
			
 
				+      let up = () => {
			
 
				+        this.tscale < MAXSCALE && (this.tscale += RANGE)
			
 
				+      }
			
 
				+      let down = () => {
			
 
				+        let scaleFuc = (y) => {
			
 
				+          this.translate = {
			
 
				+            x: 0,
			
 
				+            y
			
 
				+          }
			
 
				+        }
			
 
				+        this.tscale > MINSCALE && (this.tscale -= RANGE)
			
 
				+        this.ismobile ? (this.tscale === 3 && scaleFuc(184)) : (this.tscale === 1 && scaleFuc(0))
			
 
				+      }
			
 
				+      if (this.isFireFox) {
			
 
				+        switch (true) {
			
 
				+          case e.detail > 0: // 当滑轮向下滚动时
			
 
				+            down()
			
 
				+            break
			
 
				+          default:
			
 
				+            up()
			
 
				+            break
			
 
				+        }
			
 
				+      } else { // 判断浏览器IE，谷歌滑轮事件
			
 
				+        switch (true) {
			
 
				+          case e.wheelDelta > 0:// 当滑轮向上滚动时
			
 
				+            up()
			
 
				+            break
			
 
				+          default:
			
 
				+            down()
			
 
				+            break
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    var box = document.querySelector('#box')
			
 
				+
			
 
				+    this.readyMove = this.readyMove.bind(this)
			
 
				+    this.$refs.layout.addEventListener('mousedown', this.readyMove,  { capture: false })
			
 
				+    this.$refs.layout.addEventListener('touchstart', this.readyMove,  { capture: false })
			
 
				+    /* IE、Opera注册事件 */
			
 
				+    if (document.attachEvent) {
			
 
				+      box.attachEvent('onmousewheel', this.scrollFunc)
			
 
				+    }
			
 
				+    // Firefox使用addEventListener添加滚轮事件
			
 
				+    if (document.addEventListener) { // firefox
			
 
				+      box.addEventListener('DOMMouseScroll', this.scrollFunc, false)
			
 
				+    }
			
 
				+    // Safari与Chrome属于同一类型
			
 
				+    window.onmousewheel = box.onmousewheel = this.scrollFunc
			
 
				+
			
 
				+    var boxGesture = setGesture(box) // 得到一个对象
			
 
				+    boxGesture.gesturestart = function () { // 双指开始
			
 
				+    }
			
 
				+    boxGesture.gesturemove = () => { // 双指移动
			
 
				+      // let temp = this.tscale + e.dec
			
 
				+      // // this.tscale = Math.max(MINSCALE, Math.min(MAXSCALE, temp))
			
 
				+      // this.tscale = temp < MAXSCALE ? temp : MAXSCALE
			
 
				+      // this.tscale = temp > MINSCALE ? temp : MINSCALE
			
 
				+    }
			
 
				+    boxGesture.gestureend = function () { // 双指结束
			
 
				+    }
			
 
				+  },
			
 
				+  beforeDestroy () {
			
 
				+    this.$refs.layout.removeEventListener('mousedown', this.readyMove)
			
 
				+    this.$refs.layout.removeEventListener('touchstart', this.readyMove)
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.per-layout{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  touch-action:none;
			
 
				+}
			
 
				+
			
 
				+.content{
			
 
				+  width: 120%;
			
 
				+  will-change: transform;
			
 
				+  position: relative;
			
 
				+  left: 50%;
			
 
				+  height: 100%;
			
 
				+  touch-action:none;
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/pages/mobilescene/birdview/index.vue
+++ b/src/pages/mobilescene/birdview/index.vue
@@ -0,0 +1,110 @@
 
				+<template>
			
 
				+  <div class="birdview">
			
 
				+    <ViewOperation>
			
 
				+      <div class="birdcon">
			
 
				+        <img class="bd_bg" :src="require(`@/assets/images/proj2022/pc/birdviewbg.jpg`)" alt="" />
			
 
				+        <img
			
 
				+          class="tag"
			
 
				+          @click="onClick(item)"
			
 
				+          v-for="(item, i) in themes"
			
 
				+          :key="i"
			
 
				+          :class="item.id"
			
 
				+          :src="require(`@/assets/images/proj2022/bird_view/${item.id}.png`)"
			
 
				+          alt=""
			
 
				+        />
			
 
				+      </div>
			
 
				+    </ViewOperation>
			
 
				+    <img v-if="!hideClose" class="close" @click="close" :src="require('@/assets/images/proj2022/pc/cancel.png')" alt="" />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import ViewOperation from "./ViewOperation";
			
 
				+
			
 
				+export default {
			
 
				+  props:['hideClose'],
			
 
				+  data() {
			
 
				+    return {};
			
 
				+  },
			
 
				+  components: {
			
 
				+    ViewOperation,
			
 
				+  },
			
 
				+  methods: {
			
 
				+    close() {
			
 
				+      this.$emit("close");
			
 
				+    },
			
 
				+    onClick(data) {
			
 
				+      console.log(data);
			
 
				+      this.$router.replace({
			
 
				+        name: "scene",
			
 
				+        params: { type: data.id, isjump: "yes" },
			
 
				+      });
			
 
				+      setTimeout(() => {
			
 
				+        this.close();
			
 
				+      }, 300);
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {},
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.birdview {
			
 
				+  position: fixed;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 9;
			
 
				+  .close {
			
 
				+    position: absolute;
			
 
				+    right: 20px;
			
 
				+    top: 20px;
			
 
				+    cursor: pointer;
			
 
				+    z-index: 99;
			
 
				+  }
			
 
				+  .birdcon {
			
 
				+    height: 100%;
			
 
				+    width: auto;
			
 
				+    position: relative;
			
 
				+    .bd_bg {
			
 
				+      width: auto;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+
			
 
				+    .tag {
			
 
				+      position: absolute;
			
 
				+      max-width: 9%;
			
 
				+      touch-action:none;
			
 
				+    }
			
 
				+    .one {
			
 
				+      top: 49%;
			
 
				+      left: 49%;
			
 
				+    }
			
 
				+    .two {
			
 
				+      top: 41%;
			
 
				+      left: 55%;
			
 
				+    }
			
 
				+    .three {
			
 
				+      top: 35%;
			
 
				+      left: 62%;
			
 
				+    }
			
 
				+    .four {
			
 
				+      top: 18%;
			
 
				+      left: 47%;
			
 
				+    }
			
 
				+    .five {
			
 
				+      top: 26%;
			
 
				+      left: 37%;
			
 
				+    }
			
 
				+    .xuting {
			
 
				+      top: 54%;
			
 
				+      left: 38%;
			
 
				+    }
			
 
				+    .weiting {
			
 
				+      top: 35%;
			
 
				+      left: 30%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/pages/mobilescene/components/content.vue
+++ b/src/pages/mobilescene/components/content.vue
@@ -1,11 +1,9 @@
 
				 <template>
			
 
				-  <div class="vcontent">
			
 
				-    <img class="vcontentbg" :src="require(`@/assets/images/mobile/kuangti/liuyan.png`)" alt="">
			
 
				-    <div class="brightness"></div>
			
 
				+  <div class="vcontent" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/mobile/tab_shu@2x.png`)})`}">
			
 
				     <div class="vcontentcon">
			
 
				       <div class="cbody">
			
 
				         <div class="ctitle">
			
 
				-          <span>网友留言</span>
			
 
				+          <span>留言板</span>
			
 
				           <span v-if="list.length>0">共{{list.length}}位网友参与留言</span>
			
 
				           <span v-else>暂无留言</span>
			
 
				         </div>
			
@@ -98,20 +96,13 @@ export default {
 
				   width: @w;
			
 
				   position: relative;
			
 
				   height: 100%;
			
 
				-  .vcontentbg{
			
 
				-    width: @w;
			
 
				-    position: absolute;
			
 
				-    z-index: 999;
			
 
				-    pointer-events: none;
			
 
				-    bottom: 0;
			
 
				-    left: 0;
			
 
				-  }
			
 
				+  background-size: 100% auto;
			
 
				+  
			
 
				   .vcontentcon{
			
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				     text-align: center;
			
 
				-    padding: 20px 0 0;
			
 
				-  
			
 
				+    padding: 40px 0 0;
			
 
				     .cbody{
			
 
				       width: 100%;
			
 
				       height: 100%;
			
@@ -122,9 +113,10 @@ export default {
 
				         >span{
			
 
				           display: block;
			
 
				           &:first-of-type{
			
 
				-            font-size: 18px;
			
 
				-            font-weight: bold;
			
 
				             margin-bottom: 2px;
			
 
				+            font-family: "pangmen";
			
 
				+            font-weight: normal;
			
 
				+            font-size: 24px;
			
 
				           }
			
 
				           &:last-of-type{
			
 
				             font-size: 12px;
			
--- a/src/pages/mobilescene/components/daka.vue
+++ b/src/pages/mobilescene/components/daka.vue
@@ -1,10 +1,17 @@
 
				 <template>
			
 
				-  <div class="daka">
			
 
				-    <img class="dakabg" :src="require(`@/assets/images/mobile/kuangti/daka_${theme}.png`)" alt="">
			
 
				-    <div class="brightness"></div>
			
 
				+  <div class="daka" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/mobile/tab_shu@2x.png`)})`}">
			
 
				+    <!-- <svg height="100%" width="100%">
			
 
				+      <defs>
			
 
				+        <clipPath id="svgPathdaka">
			
 
				+          <path d="M-2751.179,2279.686s49.026-22.606,177.873-5.622c91.091,10.425,144.131,7.4,198.023,5.622.445,22.27,0,653.688,0,653.688h-375.9Z" transform="translate(2751.377 -2178.5)"/>
			
 
				+        </clipPath>
			
 
				+      </defs>
			
 
				+    </svg> -->
			
 
				+
			
 
				     <div class="dakacon">
			
 
				       <h3>打卡</h3>
			
 
				-      <div @click="daka" class="dakacir">
			
 
				+      <div class="h3line"></div>
			
 
				+      <div @click="daka" class="dakacccir" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/mobile/record_${theme}.png`)})`}">
			
 
				         <span>打卡</span>
			
 
				       </div>
			
 
				       <div class="dakatitle">您正在游览</div>
			
@@ -82,34 +89,31 @@ export default {
 
				   width: @w;
			
 
				   height: 100%;
			
 
				   position: relative;
			
 
				-  .dakabg{
			
 
				-    width: @w;
			
 
				-    height: 100%;
			
 
				-    position: relative;
			
 
				-  }
			
 
				-  .brightness{
			
 
				-    position: absolute;
			
 
				-    width: 100%;
			
 
				-    height: 100%;
			
 
				-    left: 0;
			
 
				-    top: 0;
			
 
				-    z-index: -1;
			
 
				-  }
			
 
				-  
			
 
				+  background-size: 100% auto;
			
 
				+  // backdrop-filter: blur(30px);
			
 
				+  // clip-path: url(#svgPathdaka);
			
 
				+
			
 
				   .dakacon{
			
 
				     position: absolute;
			
 
				     top: 0;
			
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				     text-align: center;
			
 
				-    padding: 20px 0 0;
			
 
				+    padding: 40px 0 0;
			
 
				     >h3{
			
 
				+      font-family: "pangmen";
			
 
				       font-weight: normal;
			
 
				-      font-size: 16px;
			
 
				+      font-size: 24px;
			
 
				       position: absolute;
			
 
				-      top: 20px;
			
 
				+      top: 30px;
			
 
				       left: 20px;
			
 
				     }
			
 
				+    .h3line{
			
 
				+      width: 94%;
			
 
				+      height: 1px;
			
 
				+      background-color: rgba(255, 255, 255, 0.5);
			
 
				+      margin: 30px auto 0;
			
 
				+    }
			
 
				     .dakatitle{
			
 
				       font-size: 18px;
			
 
				       margin-bottom: 10px;
			
@@ -118,11 +122,14 @@ export default {
 
				       margin-bottom: 30px;
			
 
				       font-size: 12px;
			
 
				     }
			
 
				-    @cirw:100px;
			
 
				-    .dakacir{
			
 
				+    @cirw:120px;
			
 
				+    .dakacccir{
			
 
				       width: @cirw;
			
 
				       height: @cirw;
			
 
				       margin: 50px auto 30px;
			
 
				+      background-repeat: no-repeat;
			
 
				+      background-size: cover;
			
 
				+      position: relative;
			
 
				       cursor: pointer;
			
 
				       >span{
			
 
				         position: absolute;
			
--- a/src/pages/mobilescene/components/qrcode.vue
+++ b/src/pages/mobilescene/components/qrcode.vue
@@ -1,8 +1,5 @@
 
				 <template>
			
 
				-  <div class="qrcode">
			
 
				-    <img class="qrcodebg" :src="require(`@/assets/images/mobile/kuangti/fenxiang.png`)" alt="">
			
 
				-    <div class="brightness"></div>
			
 
				-
			
 
				+  <div class="qrcode" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/mobile/tab_shu@2x.png`)})`}">
			
 
				     <div class="downloadQrcon">
			
 
				       <qrcodetl v-if="tmpPano.id" :id="'qrpg_'+tmpPano.id" :data="tmpPano"/>
			
 
				       <qrcodetl v-if="currentItem.id" :id="'qrpgc_'+currentItem.id" :data="currentItem"/>
			
@@ -32,15 +29,15 @@
 
				           <p v-else></p>
			
 
				           <div class="liimg">
			
 
				             <img class="real" v-if="tmpImg" :src="tmpImg" alt="">
			
 
				-            <img class="qrc" v-if="tmpPano.id" :src="require(`@/assets/images/project/qrcode/${tmpPano.id}.jpg`)" alt="" />
			
 
				+            <img class="qrc" v-if="tmpPano.id" :src="require(`@/assets/images/project/qrcode/11.jpg`)" alt="" />
			
 
				           </div>
			
 
				         </div>
			
 
				 
			
 
				-        <div class="li" v-if="currentItem.id">
			
 
				+        <div class="li">
			
 
				           <p v-html="currentItem.name"></p>
			
 
				           <div class="liimg">
			
 
				             <img class="real" v-if="tmpcImg" :src="tmpcImg" alt="">
			
 
				-            <img class="qrc" :src="require(`@/assets/images/project/qrcode/${currentItem.id}.jpg`)" alt="" />
			
 
				+            <img class="qrc" :src="require(`@/assets/images/project/qrcode/11.jpg`)" alt="" />
			
 
				           </div>
			
 
				         </div>
			
 
				       </div>
			
@@ -117,6 +114,8 @@ export default {
 
				   width: @w;
			
 
				   height: 100%;
			
 
				   position: relative;
			
 
				+  background-size: 100% auto;
			
 
				+
			
 
				   .downloadQrcon{
			
 
				     position: fixed;
			
 
				     top: 0;
			
@@ -134,13 +133,14 @@ export default {
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				     text-align: center;
			
 
				-    padding: 20px 0 0;
			
 
				+    padding: 40px 0 0;
			
 
				     position: relative;
			
 
				     >h3{
			
 
				+      font-family: "pangmen";
			
 
				       font-weight: normal;
			
 
				-      font-size: 16px;
			
 
				+      font-size: 24px;
			
 
				       position: absolute;
			
 
				-      top: 20px;
			
 
				+      top: 30px;
			
 
				       left: 20px;
			
 
				     }
			
 
				     .ctitle{
			
--- a/src/pages/mobilescene/index.vue
+++ b/src/pages/mobilescene/index.vue
@@ -1,38 +1,51 @@
 
				 <template>
			
 
				   <div :class="`theme${theme}`" class="scene-body">
			
 
				-    <div class="logo">
			
 
				-      <img :src="require(`@/assets/images/proj2022/pc/logo.png`)" alt="" />
			
 
				+    <div class="logo" v-if="!showViewMode">
			
 
				+      <img @click="$router.push({ path: '/' })" :src="require(`@/assets/images/proj2022/pc/logo.png`)" alt="" />
			
 
				     </div>
			
 
				     <div class="scene-con">
			
 
				-      <!-- <vbar :showAside="showAside" v-if="!tourStatus" :name="currentItem.name" @showSearch="showSearch=true" @openAside="showAside=!showAside"></vbar> -->
			
 
				-      <scene :tourStatus="tourStatus"/>
			
 
				+      <scene :tourStatus="tourStatus" />
			
 
				 
			
 
				-      <vside :isShow="!tourStatus&&showAside" @close="showAside=false" />
			
 
				-      <vmap  v-show="!tourStatus" />
			
 
				-
			
 
				-      <zhanxiang :currentZQ="currentZQ" v-if="isShowZL" @close="isShowZL=false" :tourStatus="tourStatus"/>
			
 
				+      <div v-if="showViewMode">
			
 
				+        <div :class="{ disabled: flying }" class="tab-layer">
			
 
				+          <div class="tabs">
			
 
				+            <div :class="{ active: mode === 'floorplan' }" @click="changeMode('floorplan', $event)">
			
 
				+              <img :src="require('@/assets/images/proj2022/mobile/floor@2x.png')" alt="" />
			
 
				+              <span>平面</span>
			
 
				+            </div>
			
 
				+            <div :class="{ active: mode === 'dollhouse' }" @click="changeMode('dollhouse', $event)">
			
 
				+              <img :src="require('@/assets/images/proj2022/mobile/dollhouse@2x.png')" alt="" />
			
 
				+              <span>三维</span>
			
 
				+            </div>
			
 
				+            <div :class="{ active: mode === 'birdview' }" @click="changeMode('birdview', $event)">
			
 
				+              <img :src="require('@/assets/images/proj2022/mobile/bird view@2x.png')" alt="" />
			
 
				+              <span>鸟瞰</span>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				 
			
 
				-      <rmenu :menuType="menuType" :tourStatus="tourStatus" @opencp="handlecp"/>
			
 
				-      <vmenu :tourStatus="tourStatus" @opencp="handlecp" />
			
 
				-      <vsearch :currentPanoid="currentPanoid" @closeSearch="showSearch=false" v-if="showSearch"/>
			
 
				-  
			
 
				+      <template v-else>
			
 
				+        <vside :isShow="!tourStatus && showAside" @close="showAside = false" />
			
 
				+        <zhanxiang @showSearch="showSearch = true" v-if="isShowZL" @close="isShowZL = false" :tourStatus="tourStatus" />
			
 
				+        <rmenu :currentPanoid="currentPanoid" :isShowfunc="isShowfunc" :menuType="menuType" :tourStatus="tourStatus" @opencp="handlecp" />
			
 
				+        <vmenu :tourStatus="tourStatus" @opencp="handlecp" />
			
 
				+        <vsearch :currentPanoid="currentPanoid" @closeSearch="closeSearch" v-if="showSearch" />
			
 
				+      </template>
			
 
				     </div>
			
 
				 
			
 
				-    <vhotspot v-if="hotspot" @close="hotspot=''" :hotspot='hotspot'/>
			
 
				+    <birdview :hideClose="true" @close="mode='',showViewMode=false" v-if="mode=='birdview'"/>
			
 
				+
			
 
				+    <vhotspot v-if="hotspot" @close="hotspot = ''" :hotspot="hotspot" />
			
 
				     <vpopup v-if="showpopup && cp" v-clickoutside="handleoutside">
			
 
				       <div slot="vcon" class="popcon">
			
 
				         <component :is="cp" :currentPano="currentPano" :currentItem="currentItem"> </component>
			
 
				-        <img
			
 
				-          @click="(showpopup = false), (cp = '')"
			
 
				-          class="close"
			
 
				-          :src="require('@/assets/images/project/icon/close.png')"
			
 
				-          alt=""
			
 
				-        />
			
 
				+        <img @click="(showpopup = false), (cp = '')" class="close" :src="require('@/assets/images/project/icon/close.png')" alt="" />
			
 
				       </div>
			
 
				     </vpopup>
			
 
				 
			
 
				     <div class="logincon" v-if="loginUrl">
			
 
				-      <img class="close" @click="loginUrl=''" :src="require('@/assets/images/mobile/icon/close_b.png')" alt="" />
			
 
				+      <img class="close" @click="loginUrl = ''" :src="require('@/assets/images/mobile/icon/close_b.png')" alt="" />
			
 
				       <iframe :src="loginUrl" frameborder="0"></iframe>
			
 
				     </div>
			
 
				   </div>
			
@@ -45,6 +58,8 @@ import menu from "./menu.vue";
 
				 import rmenu from "./raside/menu.vue";
			
 
				 import zhanxiang from "./zhanxiang/index.vue";
			
 
				 
			
 
				+import birdview from "./birdview/index.vue";
			
 
				+
			
 
				 
			
 
				 import popup from "./popup.vue";
			
 
				 import vsearch from "./search";
			
@@ -57,7 +72,7 @@ import qrcode from "./components/qrcode.vue";
 
				 import scene from "./scene.vue";
			
 
				 import vhotspot from "@/components/hotspot/index.vue";
			
 
				 
			
 
				-import {region,Booth} from "@/data/raw.js";
			
 
				+import { region, Booth } from "@/data/raw.js";
			
 
				 
			
 
				 export default {
			
 
				   components: {
			
@@ -73,71 +88,77 @@ export default {
 
				     vsearch,
			
 
				     vhotspot,
			
 
				     vbar,
			
 
				-    vmap
			
 
				+    vmap,
			
 
				+    birdview
			
 
				   },
			
 
				-  computed:{
			
 
				-    currentItem(){
			
 
				-      return (this.themes.find(item=>item.id==this.theme));
			
 
				+  computed: {
			
 
				+    currentItem() {
			
 
				+      return this.themes.find((item) => item.id == this.theme);
			
 
				+    },
			
 
				+    currentPano() {
			
 
				+      return Booth.find((item) => item.panoId == this.currentPanoid) || {};
			
 
				     },
			
 
				-    currentPano(){
			
 
				-      return Booth.find(item=>item.panoId==this.currentPanoid) || {}
			
 
				-    }
			
 
				   },
			
 
				   data() {
			
 
				     return {
			
 
				-      menuType:'func',
			
 
				+      menuType: "func",
			
 
				+      isShowfunc: false,
			
 
				       showpopup: false,
			
 
				-      showAside:false,
			
 
				-      showSearch:false,
			
 
				-      isShowZL:false,
			
 
				-      currentZQ:'',
			
 
				+      showAside: false,
			
 
				+      showSearch: false,
			
 
				+      isShowZL: false,
			
 
				       cp: "",
			
 
				       tourStatus: false,
			
 
				       showAll: false,
			
 
				       currentPanoid: "",
			
 
				       isFull: false,
			
 
				       hotspots: [],
			
 
				-      hotspot:'',
			
 
				-      loginUrl:'',
			
 
				-      currentTheme:'',
			
 
				-      booth:Booth
			
 
				+      hotspot: "",
			
 
				+      loginUrl: "",
			
 
				+      currentTheme: "",
			
 
				+      booth: Booth,
			
 
				+      showViewMode: false,
			
 
				+      flying:false,
			
 
				+      mode:'floorplan'
			
 
				     };
			
 
				   },
			
 
				 
			
 
				-  watch:{
			
 
				-    currentTheme(newVal){
			
 
				+  watch: {
			
 
				+    currentTheme(newVal) {
			
 
				       if (newVal) {
			
 
				-        let tt = this.currentPanoid
			
 
				-        this.currentPanoid = ''
			
 
				-        this.$router.push({params:{type:newVal.id,isjump:'none'}})
			
 
				+        let tt = this.currentPanoid;
			
 
				+        this.currentPanoid = "";
			
 
				+        this.$router.push({ params: { type: newVal.id, isjump: "none" } });
			
 
				         setTimeout(() => {
			
 
				           this.currentPanoid = tt;
			
 
				         });
			
 
				       }
			
 
				-    }
			
 
				+    },
			
 
				   },
			
 
				- 
			
 
				+
			
 
				   mounted() {
			
 
				-    this.$showLoading()
			
 
				+    this.$showLoading();
			
 
				     this.$nextTick(() => {
			
 
				-      this.$bus.$on('mblogin',data=>{
			
 
				-        this.loginUrl = data
			
 
				-      })
			
 
				+      this.$bus.$on("mblogin", (data) => {
			
 
				+        this.loginUrl = data;
			
 
				+      });
			
 
				 
			
 
				-      this.$bus.$on('emitShowZX',data=>{
			
 
				-        this.isShowZL = data.show
			
 
				-        this.currentZQ = data.current
			
 
				+      this.$bus.$on("emitShowZX", (data) => {
			
 
				+        this.isShowZL = data;
			
 
				+      });
			
 
				 
			
 
				-      })
			
 
				+      this.$bus.$on("changeMenu", (data) => {
			
 
				+        this.menuType = data;
			
 
				+      });
			
 
				 
			
 
				-      this.$bus.$on('changeMenu',data=>{
			
 
				-        this.menuType= data
			
 
				-      })
			
 
				+      this.$bus.$on("changeShowfunc", (data) => {
			
 
				+        this.isShowfunc = data;
			
 
				+      });
			
 
				 
			
 
				-      this.$bus.$on('opencp',data=>{
			
 
				-        this.handlecp(data)
			
 
				-        this.isShowZL=false
			
 
				-      })
			
 
				+      this.$bus.$on("opencp", (data) => {
			
 
				+        this.handlecp(data);
			
 
				+        this.isShowZL = false;
			
 
				+      });
			
 
				       window.addEventListener("message", (res) => {
			
 
				         if (Object.prototype.toString.call(res.data) == "[object Object]") {
			
 
				           let data = res.data.data;
			
@@ -148,35 +169,62 @@ export default {
 
				           }
			
 
				 
			
 
				           if (res.data.source === "onplayStatus") {
			
 
				-            console.log('onplayStatus');
			
 
				+            console.log("onplayStatus");
			
 
				             this.tourStatus = data.tourIsPlaying;
			
 
				           }
			
 
				 
			
 
				           if (res.data.source === "pano.chosen") {
			
 
				-            console.log('pano.chosen');
			
 
				-              window.g_lock = true
			
 
				+            console.log("pano.chosen");
			
 
				+            window.g_lock = true;
			
 
				           }
			
 
				 
			
 
				           if (res.data.source === "tour.end") {
			
 
				-            window.g_lock = false
			
 
				+            window.g_lock = false;
			
 
				           }
			
 
				 
			
 
				+          if (res.data.source === "warp.interrupted") {
			
 
				+            console.log("warp.interrupted");
			
 
				+            window.g_lock = false;
			
 
				+          }
			
 
				 
			
 
				-           if (res.data.source === "warp.interrupted") {
			
 
				-            console.log('warp.interrupted');
			
 
				-            window.g_lock = false
			
 
				+          if (res.data.source === "mode.changed") {
			
 
				+            console.log("mode.changed", data);
			
 
				+            if (data == "floorplan" || data == "dollhouse") {
			
 
				+              this.showViewMode = true;
			
 
				+              this.flying = false;
			
 
				+              this.mode = data
			
 
				+              document.querySelector("#ifr").contentWindow.postMessage(
			
 
				+                {
			
 
				+                  source: "toggleClear",
			
 
				+                  data: this.showViewMode,
			
 
				+                },
			
 
				+                "*"
			
 
				+              );
			
 
				+            } else if (data == "panorama") {
			
 
				+              this.showViewMode = false;
			
 
				+              this.flying = false;
			
 
				+              document.querySelector("#ifr").contentWindow.postMessage(
			
 
				+                {
			
 
				+                  source: "toggleClear",
			
 
				+                  data: this.showViewMode,
			
 
				+                },
			
 
				+                "*"
			
 
				+              );
			
 
				+            } else if (data == "transitioning") {
			
 
				+              this.flying = true;
			
 
				+            }
			
 
				           }
			
 
				 
			
 
				           if (res.data.source === "flying.ended") {
			
 
				-            console.log('flying.ended');
			
 
				+            console.log("flying.ended");
			
 
				             this.currentPanoid = data;
			
 
				-            this.currentTheme = region.find(item=>{
			
 
				-              if (item.spread.indexOf(Number(this.currentPanoid))>-1) {
			
 
				-                return item
			
 
				+            this.currentTheme = region.find((item) => {
			
 
				+              if (item.spread.indexOf(Number(this.currentPanoid)) > -1) {
			
 
				+                return item;
			
 
				               }
			
 
				-            })
			
 
				+            });
			
 
				             setTimeout(() => {
			
 
				-              window.g_lock = false
			
 
				+              window.g_lock = false;
			
 
				             });
			
 
				           }
			
 
				 
			
@@ -186,19 +234,28 @@ export default {
 
				           }
			
 
				         }
			
 
				       });
			
 
				-
			
 
				     });
			
 
				   },
			
 
				 
			
 
				   methods: {
			
 
				+    changeMode(data) {
			
 
				+      this.mode = data
			
 
				+      document.querySelector('#ifr').contentWindow.player.director.changeMode(data);
			
 
				+    },
			
 
				+    closeSearch(data) {
			
 
				+      if (data == "closeAll") {
			
 
				+        this.isShowZL = false;
			
 
				+      }
			
 
				+      this.showSearch = false;
			
 
				+    },
			
 
				     handlecp(data) {
			
 
				       this.cp = data;
			
 
				       this.showpopup = true;
			
 
				     },
			
 
				-    handleoutside(){
			
 
				-      this.cp = '';
			
 
				+    handleoutside() {
			
 
				+      this.cp = "";
			
 
				       this.showpopup = false;
			
 
				-    }
			
 
				+    },
			
 
				   },
			
 
				 };
			
 
				 </script>
			
@@ -206,11 +263,67 @@ export default {
 
				 <style lang="less" scoped>
			
 
				 .scene-body {
			
 
				   background-repeat: no-repeat;
			
 
				+
			
 
				+  .tab-layer {
			
 
				+    width: 100%;
			
 
				+    text-align: center;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    z-index: 10;
			
 
				+    position: fixed;
			
 
				+    left: 50%;
			
 
				+    transform: translateX(-50%);
			
 
				+    top: 30px;
			
 
				+    pointer-events: none;
			
 
				+    .tabs {
			
 
				+      pointer-events: auto;
			
 
				+      position: relative;
			
 
				+      display: flex;
			
 
				+      background: rgba(0, 0, 0, 0.5);
			
 
				+      padding: 2px;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+      border: 1px solid rgba(255, 255, 255, 0.1);
			
 
				+      border-radius: 6px;
			
 
				+      padding: 0px 2px;
			
 
				+      backdrop-filter: blur(20px);
			
 
				+      >div {
			
 
				+        color: #fff;
			
 
				+        border-radius: 6px;
			
 
				+        font-size: 16px;
			
 
				+        transition: all 0.3s ease;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        z-index: 1;
			
 
				+        margin: 4px;
			
 
				+        padding: 2px 6px 2px 0;
			
 
				+        img {
			
 
				+          width: 30px;
			
 
				+        }
			
 
				+        >span{
			
 
				+          font-size: 14px;
			
 
				+        }
			
 
				+
			
 
				+        &.active {
			
 
				+          background: rgba(127, 127, 127, 0.57);
			
 
				+          border-radius: 4px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .disabled{
			
 
				+    opacity: 0.5;
			
 
				+    pointer-events: none;
			
 
				+  }
			
 
				+
			
 
				   .scene-con {
			
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				   }
			
 
				-   .logo {
			
 
				+  .logo {
			
 
				     position: absolute;
			
 
				     left: 10px;
			
 
				     top: 8px;
			
@@ -227,30 +340,30 @@ export default {
 
				     height: 100%;
			
 
				     .close {
			
 
				       position: absolute;
			
 
				-      top: 20px;
			
 
				+      top: 40px;
			
 
				       right: 20px;
			
 
				       width: 16px;
			
 
				       cursor: pointer;
			
 
				       z-index: 1000;
			
 
				     }
			
 
				   }
			
 
				-  .logincon{
			
 
				+  .logincon {
			
 
				     position: fixed;
			
 
				     z-index: 999999;
			
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				     top: 0;
			
 
				     left: 0;
			
 
				-    >iframe{
			
 
				+    > iframe {
			
 
				       width: 100%;
			
 
				       height: 100%;
			
 
				     }
			
 
				-    .close{
			
 
				-        display: inline-block;
			
 
				-        position: absolute;
			
 
				-        right: 16px;
			
 
				-        top: 16px;
			
 
				-        width: 16px;
			
 
				+    .close {
			
 
				+      display: inline-block;
			
 
				+      position: absolute;
			
 
				+      right: 16px;
			
 
				+      top: 16px;
			
 
				+      width: 16px;
			
 
				     }
			
 
				   }
			
 
				 }
			
--- a/src/pages/mobilescene/map.vue
+++ b/src/pages/mobilescene/map.vue
@@ -1,14 +1,12 @@
 
				 <template>
			
 
				-  <div class="mbmap" >
			
 
				-    <div class="mapshow" v-if="isShow">
			
 
				-      <div class="close" @click.stop="isShow=false">
			
 
				+  <div class="mbmap">
			
 
				+    <div class="mapshow cadmap" @click="onClickMap" v-if="isShow">
			
 
				+      <div class="close" @click.stop="isShow = false">
			
 
				         <img :src="require(`@/assets/images/proj2022/mobile/cancel@2x.png`)" alt="" />
			
 
				       </div>
			
 
				-      <div class="mapbig" @click="onClickMap">
			
 
				-        <img :src="require(`@/assets/images/proj2022/mobile/map@2x.png`)" alt="" />
			
 
				-      </div>
			
 
				+      <div class="mapbig" :style="{ backgroundImage: `url(${require(`@/assets/images/proj2022/ditu.png`)})` }" ></div>
			
 
				     </div>
			
 
				-    <div class="mapthumb" @click="isShow=true" v-else>
			
 
				+    <div class="mapthumb" @click="isShow = true" v-else>
			
 
				       <img :src="require(`@/assets/images/proj2022/mobile/map@2x.png`)" alt="" />
			
 
				     </div>
			
 
				   </div>
			
@@ -22,9 +20,9 @@ export default {
 
				     };
			
 
				   },
			
 
				   methods: {
			
 
				-    onClickMap(){
			
 
				-        document.querySelector('#ifr').contentWindow.player.director.changeMode('floorplan')
			
 
				-    }
			
 
				+    onClickMap() {
			
 
				+      window.player.director.changeMode("floorplan");
			
 
				+    },
			
 
				   },
			
 
				 };
			
 
				 </script>
			
@@ -35,6 +33,7 @@ export default {
 
				   right: 10px;
			
 
				   top: 8px;
			
 
				   overflow: hidden;
			
 
				+  z-index: 999;
			
 
				   .mapshow {
			
 
				     width: 40vw;
			
 
				     height: 120px;
			
@@ -61,10 +60,13 @@ export default {
 
				         width: 12px;
			
 
				       }
			
 
				     }
			
 
				-    .mapbig{
			
 
				+    .mapbig {
			
 
				       width: 100%;
			
 
				       height: 100%;
			
 
				-      background: rgba(0, 0, 0, 1);
			
 
				+      background-size: auto 116%;
			
 
				+      background-repeat: no-repeat;
			
 
				+      background-position: center center;
			
 
				+      background-color: rgba(0, 0, 0, 0.2);
			
 
				     }
			
 
				   }
			
 
				   .mapthumb {
			
--- a/src/pages/mobilescene/menu/exhibition.vue
+++ b/src/pages/mobilescene/menu/exhibition.vue
@@ -30,10 +30,11 @@ export default {
 
				 
			
 
				   methods: {
			
 
				     onClick(item) {
			
 
				-      this.$bus.$emit("emitShowZX", {
			
 
				-        show: true,
			
 
				-        current: item.id,
			
 
				-      });
			
 
				+        this.$router.push({ params: { type: item.id, isjump: "yes" } });
			
 
				+      // this.$bus.$emit("emitShowZX", {
			
 
				+      //   show: true,
			
 
				+      //   current: item.id,
			
 
				+      // });
			
 
				     },
			
 
				   },
			
 
				 };
			
--- a/src/pages/mobilescene/menu/func.vue
+++ b/src/pages/mobilescene/menu/func.vue
@@ -1,9 +1,9 @@
 
				 <template>
			
 
				   <div class="btm-menu">
			
 
				-    <img  @click.stop="$bus.$emit('changeMenu','exhibition')" :src="require(`@/assets/images/proj2022/mobile/menu@2x.png`)" alt="" />
			
 
				+    <img @click.stop="$bus.$emit('changeMenu', 'exhibition')" :src="require(`@/assets/images/proj2022/mobile/menu@2x.png`)" alt="" />
			
 
				     <ul>
			
 
				       <li v-for="(item, i) in menu" :key="i">
			
 
				-        <div :class="{ active: i == 3 }" @click="onClick(item)">
			
 
				+        <div :class="{ active: (i == 3&&isShowHuDong) || (item.id == 'bgm' && isBgm) }" @click="onClick(item)">
			
 
				           <img :src="require(`@/assets/images/proj2022/mobile/menu/${item.img}.png`)" alt="" />
			
 
				           <span>{{ item.name }}</span>
			
 
				         </div>
			
@@ -17,24 +17,24 @@ import { supCount, getsupCount } from "@/config/api";
 
				 
			
 
				 let menu = [
			
 
				   {
			
 
				-    id: "daka",
			
 
				+    id: "xiangmu",
			
 
				     name: "项目",
			
 
				     img: "project",
			
 
				     cp: "zhanxiang",
			
 
				   },
			
 
				   {
			
 
				-    id: "content",
			
 
				+    id: "daolan",
			
 
				     name: "导览",
			
 
				     img: "play",
			
 
				     cp: "daolan",
			
 
				   },
			
 
				   {
			
 
				-    id: "zan",
			
 
				+    id: "bgm",
			
 
				     img: "music",
			
 
				     name: "音乐",
			
 
				   },
			
 
				   {
			
 
				-    id: "qrcode",
			
 
				+    id: "interaction",
			
 
				     name: "互动",
			
 
				     img: "interaction",
			
 
				     cp: "hudong",
			
@@ -48,6 +48,7 @@ export default {
 
				       goodNum: 1099,
			
 
				       isShowGood: false,
			
 
				       isBgm: false,
			
 
				+      isShowHuDong: false,
			
 
				     };
			
 
				   },
			
 
				   watch: {
			
@@ -58,6 +59,9 @@ export default {
 
				         // !newVal ? this.$refs.vbgm.pause() : this.$refs.vbgm.play();
			
 
				       },
			
 
				     },
			
 
				+    isShowHuDong(newVal){
			
 
				+        this.$bus.$emit("changeShowfunc", newVal);
			
 
				+    },
			
 
				     tourStatus(newVal) {
			
 
				       if (newVal) {
			
 
				         this.isBgm = false;
			
@@ -71,6 +75,22 @@ export default {
 
				   },
			
 
				   methods: {
			
 
				     onClick(item) {
			
 
				+
			
 
				+      if (item.id=='daolan') {
			
 
				+        return
			
 
				+      }
			
 
				+      if (item.id == "xiangmu") {
			
 
				+        this.$bus.$emit("emitShowZX", {
			
 
				+          show: true,
			
 
				+        });
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				+      if (item.id == "interaction") {
			
 
				+        this.isShowHuDong = !this.isShowHuDong
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				       item.path && this.$router.push(item.path);
			
 
				       item.cp && this.$bus.$emit("opencp", item.cp);
			
 
				       if (item.id == "bgm") {
			
--- a/src/pages/mobilescene/popup.vue
+++ b/src/pages/mobilescene/popup.vue
@@ -19,7 +19,6 @@ export default {
 
				   width: 100%;
			
 
				   z-index: 9999;
			
 
				   height: 80%;
			
 
				-  border-radius: 30px 30px 0 0;
			
 
				   overflow: hidden;
			
 
				 }
			
 
				 </style>
			
--- a/src/pages/mobilescene/raside/menu.vue
+++ b/src/pages/mobilescene/raside/menu.vue
@@ -1,26 +1,92 @@
 
				 <template>
			
 
				   <div class="rmenu">
			
 
				-    <ul v-if="menuType=='func'">
			
 
				+    <ul v-if="menuType == 'func' && isShowfunc">
			
 
				       <li :class="{ rmactive: isBgm && item.id == 'music' }" v-for="(item, i) in menu" :key="i">
			
 
				-        <img
			
 
				-          @click="onClick(item)"
			
 
				-          :title="item.name"
			
 
				-          :src="require(`@/assets/images/proj2022/mobile/menu/${item.img}.png`)"
			
 
				-          alt=""
			
 
				-        />
			
 
				+        <img @click="onClick(item)" :title="item.name" :src="require(`@/assets/images/proj2022/mobile/menu/${item.img}.png`)" alt="" />
			
 
				       </li>
			
 
				     </ul>
			
 
				     <div class="control">
			
 
				-      <img :src="require(`@/assets/images/proj2022/mobile/up@2x.png`)" alt="">
			
 
				-      <img :src="require(`@/assets/images/proj2022/mobile/down@2x.png`)" alt="">
			
 
				+      <img @click.stop="onClickNavigate('up')" :src="require(`@/assets/images/proj2022/mobile/up@2x.png`)" alt="" />
			
 
				+      <img @click.stop="onClickNavigate('down')" :src="require(`@/assets/images/proj2022/mobile/down@2x.png`)" alt="" />
			
 
				     </div>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				+import { Booth } from "@/data/booth.js";
			
 
				+import { g_findCloseNum } from "@/utils/index.js";
			
 
				+
			
 
				+let findNextItem = (arr, currentItem) => {
			
 
				+  let idx = arr.findIndex((item) => item == currentItem);
			
 
				+  if (idx == arr.length - 1) {
			
 
				+    idx = 0;
			
 
				+  } else {
			
 
				+    idx += 1;
			
 
				+  }
			
 
				+
			
 
				+  return arr[idx];
			
 
				+};
			
 
				+
			
 
				+let findPrevItem = (arr, currentItem) => {
			
 
				+  let idx = arr.findIndex((item) => item == currentItem);
			
 
				+  if (idx == 0) {
			
 
				+    idx = arr.length - 1;
			
 
				+  } else {
			
 
				+    idx -= 1;
			
 
				+  }
			
 
				+
			
 
				+  return arr[idx];
			
 
				+};
			
 
				+
			
 
				 export default {
			
 
				-  props: ["tourStatus",'menuType'],
			
 
				+  props: ["tourStatus", "menuType", 'isShowfunc', "currentPanoid"],
			
 
				+  computed: {
			
 
				+    nextZhanXiang() {
			
 
				+      let zhanqu = Booth.find((item) => item.id === this.theme);
			
 
				+      let panoArr = zhanqu.company.map((item) => item.panoId);
			
 
				+      let currentIdx = panoArr.indexOf(this.currentPanoid);
			
 
				+      let nextPanoItem = "";
			
 
				+      if (currentIdx > -1) {
			
 
				+        if (currentIdx == panoArr.length - 1) {
			
 
				+          zhanqu = findNextItem(Booth, zhanqu);
			
 
				+          nextPanoItem = zhanqu.company[0];
			
 
				+        } else {
			
 
				+          currentIdx += 1;
			
 
				+          nextPanoItem = zhanqu.company[currentIdx];
			
 
				+        }
			
 
				+      } else {
			
 
				+        let ttt = g_findCloseNum(
			
 
				+          zhanqu.company.map((item) => item.panoId),
			
 
				+          this.currentPanoid
			
 
				+        );
			
 
				+        nextPanoItem = zhanqu.company.find((item) => item.panoId == ttt);
			
 
				+      }
			
 
				+      return nextPanoItem;
			
 
				+    },
			
 
				 
			
 
				+    prevZhanXiang() {
			
 
				+      let zhanqu = Booth.find((item) => item.id === this.theme);
			
 
				+      let panoArr = zhanqu.company.map((item) => item.panoId);
			
 
				+      let currentIdx = panoArr.indexOf(this.currentPanoid);
			
 
				+      let prevPanoItem = "";
			
 
				+      if (currentIdx > -1) {
			
 
				+        if (currentIdx == 0) {
			
 
				+          zhanqu = findPrevItem(Booth, zhanqu);
			
 
				+          prevPanoItem = zhanqu.company[0];
			
 
				+        } else {
			
 
				+          currentIdx -= 1;
			
 
				+          prevPanoItem = zhanqu.company[currentIdx];
			
 
				+        }
			
 
				+      } else {
			
 
				+        let ttt = g_findCloseNum(
			
 
				+          zhanqu.company.map((item) => item.panoId),
			
 
				+          this.currentPanoid
			
 
				+        );
			
 
				+        prevPanoItem = zhanqu.company.find((item) => item.panoId == ttt);
			
 
				+      }
			
 
				+      return prevPanoItem;
			
 
				+    },
			
 
				+  },
			
 
				   data() {
			
 
				     let bgmAudio = new Audio();
			
 
				     bgmAudio.src = require(`@/assets/audio/bgm.mp3`);
			
@@ -31,30 +97,30 @@ export default {
 
				       bgmAudio,
			
 
				       isBgm: false,
			
 
				       menu: [
			
 
				-  {
			
 
				-    id: "daka",
			
 
				-    name: "打卡",
			
 
				-    img:'record',
			
 
				-    cp: "daka",
			
 
				-  },
			
 
				-  {
			
 
				-    id: "content",
			
 
				-    name: "评论",
			
 
				-    img:'message',
			
 
				-    cp: "vcontent",
			
 
				-  },
			
 
				-  {
			
 
				-    id: "zan",
			
 
				-    img:'like',
			
 
				-    name: "点赞",
			
 
				-  },
			
 
				-  {
			
 
				-    id: "qrcode",
			
 
				-    name: "分享",
			
 
				-    img:'share',
			
 
				-    cp: "qrcode",
			
 
				-  }
			
 
				-]
			
 
				+        {
			
 
				+          id: "daka",
			
 
				+          name: "打卡",
			
 
				+          img: "record",
			
 
				+          cp: "daka",
			
 
				+        },
			
 
				+        {
			
 
				+          id: "content",
			
 
				+          name: "评论",
			
 
				+          img: "message",
			
 
				+          cp: "vcontent",
			
 
				+        },
			
 
				+        {
			
 
				+          id: "zan",
			
 
				+          img: "like",
			
 
				+          name: "点赞",
			
 
				+        },
			
 
				+        {
			
 
				+          id: "qrcode",
			
 
				+          name: "分享",
			
 
				+          img: "share",
			
 
				+          cp: "qrcode",
			
 
				+        },
			
 
				+      ],
			
 
				     };
			
 
				   },
			
 
				   watch: {
			
@@ -99,21 +165,23 @@ export default {
 
				     });
			
 
				   },
			
 
				   methods: {
			
 
				-    onClick(item) {
			
 
				-      if (item.id == "play") {
			
 
				-        this.$emit("play");
			
 
				-        return;
			
 
				-      }
			
 
				-      if (item.id == "clear") {
			
 
				-        this.$bus.$emit("toggleClear", true);
			
 
				-        return;
			
 
				-      }
			
 
				-
			
 
				-      if (item.id == "music") {
			
 
				-        this.isBgm = !this.isBgm;
			
 
				-        localStorage.setItem("g_bgmstatus", this.isBgm ? "open" : "close");
			
 
				+    onClickNavigate(type) {
			
 
				+      if (type == "up") {
			
 
				+        this.$bus.$emit("ifrMessage", {
			
 
				+          events: "flyToPano",
			
 
				+          data: this.nextZhanXiang,
			
 
				+        });
			
 
				+      } else {
			
 
				+        this.$bus.$emit("ifrMessage", {
			
 
				+          events: "flyToPano",
			
 
				+          data: this.prevZhanXiang,
			
 
				+        });
			
 
				       }
			
 
				     },
			
 
				+    onClick(item) {
			
 
				+      item.path && this.$router.push(item.path);
			
 
				+      item.cp && this.$bus.$emit("opencp", item.cp);
			
 
				+    },
			
 
				   },
			
 
				 };
			
 
				 </script>
			
@@ -140,12 +208,12 @@ export default {
 
				       }
			
 
				     }
			
 
				   }
			
 
				-  .control{
			
 
				+  .control {
			
 
				     display: flex;
			
 
				     flex-direction: column;
			
 
				     width: 100%;
			
 
				     margin-top: 20px;
			
 
				-    >img{
			
 
				+    > img {
			
 
				       width: 100%;
			
 
				       margin: 5px 0;
			
 
				     }
			
--- a/src/pages/mobilescene/scene.vue
+++ b/src/pages/mobilescene/scene.vue
@@ -43,12 +43,13 @@ export default {
 
				   mounted() {
			
 
				     let ifrWindow = this.$refs.ifr.contentWindow
			
 
				     this.$bus.$on('ifrMessage',(data)=>{
			
 
				-      if (data.events=='flyToPano') {
			
 
				-          let { x, y, z, w } = data.data.panoQuaternion
			
 
				-          ifrWindow.player.blackToPano({
			
 
				-            pano: ifrWindow.player.model.panos.index[data.data.panoId],
			
 
				-            quaternion: new ifrWindow.THREE.Quaternion(x, y, z, w),
			
 
				-          });
			
 
				+      if (data.events == "flyToPano") {
			
 
				+        let panoQuat = data.data.firstView.split("qua:")[1];
			
 
				+        let [x, y, z, w] = panoQuat.split(",");
			
 
				+        ifrWindow.player.blackToPano({
			
 
				+          pano: ifrWindow.player.model.panos.index[data.data.panoId],
			
 
				+          quaternion: new ifrWindow.THREE.Quaternion(Number(x), Number(y), Number(z), Number(w)),
			
 
				+        });
			
 
				       }
			
 
				 
			
 
				       if (data.events=='toggleTour') {
			
--- a/src/pages/mobilescene/search/index.vue
+++ b/src/pages/mobilescene/search/index.vue
@@ -1,38 +1,26 @@
 
				 <template>
			
 
				   <div class="vsearch" @click.stop @keydown.stop @touchstart.stop>
			
 
				-    <img
			
 
				-      class="searchbg"
			
 
				-      :src="require(`@/assets/images/mobile/scene_bg.png`)"
			
 
				-      alt=""
			
 
				-    />
			
 
				+    <img class="searchbg" :src="require(`@/assets/images/proj2022/mobile/search_bg.png`)" alt="" />
			
 
				     <div class="brightness"></div>
			
 
				     <div class="vinput">
			
 
				-      <img
			
 
				-        @click="$emit('closeSearch')"
			
 
				-        :src="require(`@/assets/images/project/icon/jiantoul.png`)"
			
 
				-        alt=""
			
 
				-      />
			
 
				-      <div>
			
 
				-        <img :src="require(`@/assets/images/project/icon/search.png`)" alt="" />
			
 
				-        <input type="text" placeholder="请输入关键字…" v-model="key" />
			
 
				-      </div>
			
 
				-      <span>搜索</span>
			
 
				+      <img @click.stop="$emit('closeSearch')" :src="require('@/assets/images/proj2022/mobile/left@2x.png')" alt="" />
			
 
				+      <input v-model="key" type="text" placeholder="请输入项目名称..." />
			
 
				+      <img :src="require('@/assets/images/proj2022/mobile/search@2x.png')" alt="" />
			
 
				     </div>
			
 
				     <div class="cpylist">
			
 
				       <p>参展项目</p>
			
 
				-      <ul v-if="region.length > 0">
			
 
				-        <li v-for="(item, i) in region" :key="i">
			
 
				-          <p v-if="item.company.length>0">{{ item.name }} <span v-html="item.desc"></span></p>
			
 
				+      <ul v-if="booth.length > 0">
			
 
				+        <li v-for="(item, i) in booth" :key="i">
			
 
				+          <p v-if="item.company.length > 0">{{ item.name }} <span v-html="item.desc"></span></p>
			
 
				           <ul>
			
 
				             <li
			
 
				               @click="handleItem(sub)"
			
 
				               class="textActive"
			
 
				-               :class="{active:currentPano.id==sub.id}"
			
 
				+              :class="{ active: currentPano.id == sub.id }"
			
 
				               v-for="(sub, idx) in item.company"
			
 
				               :key="idx"
			
 
				-               v-html="sub.name"
			
 
				-            >
			
 
				-            </li>
			
 
				+              v-html="sub.name"
			
 
				+            ></li>
			
 
				           </ul>
			
 
				         </li>
			
 
				       </ul>
			
@@ -44,58 +32,42 @@
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				-import { Booth, region } from "@/data/raw";
			
 
				+import { Booth } from "@/data/booth.js";
			
 
				 
			
 
				-let gregion = region.map((item) => {
			
 
				-  let tmp = [];
			
 
				-  item.company.forEach((sub) => {
			
 
				-    let ii = Booth.find((son) => son.id == sub);
			
 
				-    if (ii) {
			
 
				-      tmp.push(ii);
			
 
				-    }
			
 
				-  });
			
 
				-  let tt = tmp.filter((item) => item.mapId.indexOf("xt") <= -1);
			
 
				-
			
 
				-  item.company = tt;
			
 
				-  return item;
			
 
				-});
			
 
				-
			
 
				-console.log(gregion);
			
 
				-
			
 
				-let arr = [];
			
 
				+let gregion = Booth.filter(item=>(item.id.indexOf('xuting')<=-1&&item.id.indexOf('weiting')<=-1))
			
 
				 
			
 
				 export default {
			
 
				-  props:['currentPanoid'],
			
 
				+  props: ["currentPanoid"],
			
 
				   data() {
			
 
				-    this.u_extend(arr, gregion);
			
 
				+    // this.u_extend(arr, gregion);
			
 
				     return {
			
 
				       key: "",
			
 
				-      region: arr,
			
 
				-      formList:''
			
 
				+      booth: gregion,
			
 
				+      formList: "",
			
 
				     };
			
 
				   },
			
 
				-  computed:{
			
 
				-    currentPano(){
			
 
				+  computed: {
			
 
				+    currentPano() {
			
 
				       if (this.formList) {
			
 
				-        return Booth.find(item=>item.id==this.formList.id) || {}
			
 
				+        return gregion.find((item) => item.id == this.formList.id) || {};
			
 
				       }
			
 
				-      return Booth.find(item=>item.panoId==this.currentPanoid) || {}
			
 
				-    }
			
 
				+      return gregion.find((item) => item.panoId == this.currentPanoid) || {};
			
 
				+    },
			
 
				   },
			
 
				   watch: {
			
 
				-    currentPanoid(newVal){
			
 
				-      if(newVal != this.formList.panoId){
			
 
				-        this.formList=''
			
 
				+    currentPanoid(newVal) {
			
 
				+      if (newVal != this.formList.panoId) {
			
 
				+        this.formList = "";
			
 
				       }
			
 
				-      this.isShow=false
			
 
				     },
			
 
				     key(newVal) {
			
 
				-      let tmpregion = [];
			
 
				-      this.u_extend(tmpregion, gregion);
			
 
				+      let tmpbooth = [];
			
 
				+      console.log(newVal);
			
 
				+      this.u_extend(tmpbooth, gregion);
			
 
				       if (!newVal) {
			
 
				-        this.region = tmpregion;
			
 
				+        this.booth = tmpbooth;
			
 
				       } else {
			
 
				-        this.region = tmpregion.filter((item) => {
			
 
				+        this.booth = tmpbooth.filter((item) => {
			
 
				           item.company = item.company.filter((sub) => {
			
 
				             if (sub.name.indexOf(newVal) > -1) {
			
 
				               return sub;
			
@@ -110,17 +82,19 @@ export default {
 
				   },
			
 
				   methods: {
			
 
				     handleItem(item) {
			
 
				-      this.formList = item
			
 
				+      this.formList = item;
			
 
				       this.$bus.$emit("ifrMessage", {
			
 
				         events: "flyToPano",
			
 
				         data: item,
			
 
				       });
			
 
				-      this.$emit("closeSearch");
			
 
				+      this.$emit('closeSearch','closeAll')
			
 
				     },
			
 
				   },
			
 
				+  mounted() {},
			
 
				 };
			
 
				 </script>
			
 
				 
			
 
				+
			
 
				 <style lang="less" scoped>
			
 
				 ::-webkit-scrollbar {
			
 
				   width: 2px;
			
@@ -146,12 +120,12 @@ export default {
 
				   position: fixed;
			
 
				   top: 0;
			
 
				   left: 0;
			
 
				-  z-index: 99999;
			
 
				+  z-index: 999999;
			
 
				   .searchbg {
			
 
				     width: @w;
			
 
				-    height: 100%;
			
 
				+    height: auto;
			
 
				     position: absolute;
			
 
				-    top: 0;
			
 
				+    bottom: 0;
			
 
				     left: 0;
			
 
				     z-index: -1;
			
 
				   }
			
@@ -161,56 +135,41 @@ export default {
 
				     }
			
 
				   }
			
 
				   .vinput {
			
 
				+    height: 60px;
			
 
				+    width: 100%;
			
 
				+    background-color: rgba(0, 0, 0, 0.2);
			
 
				+    backdrop-filter: blur(12px) brightness(100%);
			
 
				     display: flex;
			
 
				     justify-content: space-between;
			
 
				     align-items: center;
			
 
				-    padding: 10px 15px 0 10px;
			
 
				-    width: 100%;
			
 
				+    padding: 0 10px;
			
 
				     > img {
			
 
				-      cursor: pointer;
			
 
				-      width: 30px;
			
 
				-      padding: 5px 10px;
			
 
				+      width: 50px;
			
 
				       flex-shrink: 0;
			
 
				-      margin-right: 10px;
			
 
				     }
			
 
				-    > div {
			
 
				-      display: flex;
			
 
				-      justify-content: flex-start;
			
 
				-      align-items: center;
			
 
				-      background-color: rgba(255, 255, 255, 0.2);
			
 
				-      border-radius: 20px;
			
 
				-      overflow: hidden;
			
 
				-      padding: 0 10px;
			
 
				+    > input {
			
 
				+      justify-self: flex-start;
			
 
				+      text-align: left;
			
 
				       flex: auto;
			
 
				-      > input {
			
 
				-        line-height: 35px;
			
 
				-        height: 35;
			
 
				-        width: 80%;
			
 
				-        margin-left: 10px;
			
 
				-        color: #fff;
			
 
				-      }
			
 
				-      > img {
			
 
				-        width: 20px;
			
 
				+      font-size: 20px;
			
 
				+      height: 100%;
			
 
				+      &::placeholder {
			
 
				+        color: rgba(255, 255, 255, 0.5);
			
 
				       }
			
 
				     }
			
 
				-    > span {
			
 
				-      display: inline-block;
			
 
				-      margin-left: 10px;
			
 
				-      flex-shrink: 0;
			
 
				-      min-width: 30px;
			
 
				-    }
			
 
				   }
			
 
				   .cpylist {
			
 
				     padding: 25px 30px 0 44px;
			
 
				     height: 100%;
			
 
				     > p {
			
 
				-      font-size: 16px;
			
 
				+      font-size: 20px;
			
 
				       padding: 0 10px;
			
 
				     }
			
 
				     > ul {
			
 
				       max-height: calc(100% - 110px);
			
 
				       overflow-y: auto;
			
 
				       padding: 0 15px 0;
			
 
				+      font-size: 16px;
			
 
				 
			
 
				       > li {
			
 
				         margin: 18px 0;
			
@@ -218,7 +177,7 @@ export default {
 
				           margin-bottom: 0;
			
 
				         }
			
 
				         > p {
			
 
				-          font-size: 16px;
			
 
				+          font-size: 18px;
			
 
				           font-weight: bold;
			
 
				         }
			
 
				         > ul {
			
--- a/src/pages/mobilescene/zhanxiang/index.vue
+++ b/src/pages/mobilescene/zhanxiang/index.vue
@@ -2,14 +2,14 @@
 
				   <div class="zhanxiang">
			
 
				     <div class="z-bar">
			
 
				       <img @click.stop="$emit('close')" :src="require('@/assets/images/proj2022/mobile/left@2x.png')" alt="" />
			
 
				-      <input v-model="searchkey" type="text" placeholder="请输入项目名称..." />
			
 
				+      <span @click.stop="search">请输入项目名称...</span>
			
 
				       <img @click.stop="search" :src="require('@/assets/images/proj2022/mobile/search@2x.png')" alt="" />
			
 
				     </div>
			
 
				 
			
 
				     <div class="zhan-con" ref="bgsw" v-swiper:mySwiper="swiperOptions">
			
 
				       <ul class="swiper-wrapper">
			
 
				-        <li class="swiper-slide" v-for="(item, i) in zhanxiangData.company" :key="i">
			
 
				-          <img :src="`zhanxiang/images/${currentZQ}/${item.img}`" alt="" />
			
 
				+        <li @click="onClick(item)" class="swiper-slide" v-for="(item, i) in zhanxiangData.company" :key="i">
			
 
				+          <img :src="`zhanxiang/images/${theme}/${item.img}`" alt="" />
			
 
				           <div>
			
 
				             <h3>{{ zhanxiangData.name }}</h3>
			
 
				             <span v-html="item.name"></span>
			
@@ -27,7 +27,6 @@ import "swiper/css/swiper.css";
 
				 import { Booth } from "@/data/booth.js";
			
 
				 
			
 
				 export default {
			
 
				-  props:['currentZQ'],
			
 
				   data(){
			
 
				     return{
			
 
				       searchkey:''
			
@@ -38,11 +37,21 @@ export default {
 
				       this.swiper.slideNext();
			
 
				     },
			
 
				     back() {
			
 
				-      this.$bus.$emit("toggleShowZX", false);
			
 
				+      this.$bus.$emit("emitShowZX", {
			
 
				+          show: false,
			
 
				+        });
			
 
				+    },
			
 
				+    onClick(data){
			
 
				+      this.$bus.$emit('ifrMessage',{
			
 
				+        events:'flyToPano',
			
 
				+        data:data
			
 
				+      })
			
 
				+      this.$emit('close')
			
 
				     },
			
 
				     search() {
			
 
				-      let idx = this.zhanxiangData.company.findIndex((item) => item.name.indexOf(this.searchkey) > -1)
			
 
				-      this.swiper.slideToLoop(idx);
			
 
				+      this.$emit('showSearch',true)
			
 
				+      // let idx = this.zhanxiangData.company.findIndex((item) => item.name.indexOf(this.searchkey) > -1)
			
 
				+      // this.swiper.slideToLoop(idx);
			
 
				     },
			
 
				   },
			
 
				   directives: {
			
@@ -53,14 +62,14 @@ export default {
 
				       return this.$refs.bgsw.swiper;
			
 
				     },
			
 
				     zhanxiangData() {
			
 
				-      return Booth.find((item) => item.id == this.currentZQ);
			
 
				+      return Booth.find((item) => item.id == this.theme);
			
 
				     },
			
 
				     swiperOptions() {
			
 
				       return {
			
 
				         watchSlidesProgress: true,
			
 
				         slidesPerView: "auto",
			
 
				         centeredSlides: true,
			
 
				-        loop: this.zhanxiangData.length> 5,
			
 
				+        loop: false,
			
 
				         on: {
			
 
				           progress: function() {
			
 
				             for (let i = 0; i < this.slides.length; i++) {
			
@@ -124,15 +133,12 @@ export default {
 
				       width: 50px;
			
 
				       flex-shrink: 0;
			
 
				     }
			
 
				-    > input {
			
 
				-      justify-self: flex-start;
			
 
				+    > span {
			
 
				       text-align: left;
			
 
				+      display: inline-block;
			
 
				       flex: auto;
			
 
				       font-size: 20px;
			
 
				-      height: 100%;
			
 
				-      &::placeholder {
			
 
				-        color: rgba(255, 255, 255, 0.5);
			
 
				-      }
			
 
				+      color: rgba(255, 255, 255, 0.5);
			
 
				     }
			
 
				   }
			
 
				 
			
--- a/src/pages/scene/aside.vue
+++ b/src/pages/scene/aside.vue
@@ -14,7 +14,7 @@
 
				         </div>
			
 
				 
			
 
				         <div class="txtcon">
			
 
				-          <span class="tag">{{ item.name }}</span>
			
 
				+          <span class="tag">{{ item.short }}</span>
			
 
				           <span class="text" :title="item.desc || item.name">{{ item.desc || item.name }}</span>
			
 
				         </div>
			
 
				       </li>
			
@@ -74,9 +74,7 @@ export default {
 
				       this.$bus.$emit("toggleShowZX", true);
			
 
				     },
			
 
				     handleChange(item) {
			
 
				-      if (!window.g_lock) {
			
 
				         this.$router.push({ params: { type: item.id, isjump: "yes" } });
			
 
				-      }
			
 
				     },
			
 
				     handleHover(data) {
			
 
				       this.hoverName = data.name;
			
--- a/src/pages/scene/components/daka.vue
+++ b/src/pages/scene/components/daka.vue
@@ -16,6 +16,7 @@
 
				       <div class="innercon" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/pc/bg_r_s.png`)})`}">
			
 
				         <div class="dakatitle">您正在游览</div>
			
 
				         <p>{{ currentItem.name }}</p>
			
 
				+        <p>{{ currentItem.desc }}</p>
			
 
				         <div @click="daka" class="dakacccir" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/pc/record_${theme}.png`)})`}">
			
 
				           <span>打卡</span>
			
 
				         </div>
			
--- a/src/pages/scene/components/qrcode.vue
+++ b/src/pages/scene/components/qrcode.vue
@@ -34,10 +34,12 @@
 
				           </template>
			
 
				           <p v-else></p>
			
 
				           <!-- <img v-if="tmpPano.id" :src="require(`@/assets/images/project/qrcode/${tmpPano.id}.jpg`)" alt="" /> -->
			
 
				+          <img :src="require(`@/assets/images/project/qrcode/11.jpg`)" alt="" />
			
 
				           <div @click="download(tmpPano.id, 'qrpg_')" class="download">下载二维码</div>
			
 
				         </div>
			
 
				 
			
 
				         <div class="li" v-if="currentItem.id">
			
 
				+          <img :src="require(`@/assets/images/project/qrcode/11.jpg`)" alt="" />
			
 
				           <p v-html="currentItem.name"></p>
			
 
				           <div @click="download(currentItem.id, 'qrpgc_')" class="download">下载二维码</div>
			
 
				         </div>
			
--- a/src/pages/scene/index.vue
+++ b/src/pages/scene/index.vue
@@ -1,25 +1,29 @@
 
				 <template>
			
 
				   <div :class="`theme${theme}`" class="scene-body">
			
 
				-    <div class="logo">
			
 
				+    <div class="logo" @click="$router.push({path:'/'})">
			
 
				       <img :src="require(`@/assets/images/proj2022/pc/logo.png`)" alt="" />
			
 
				       <span>大众创业万众创新</span>
			
 
				     </div>
			
 
				 
			
 
				     <div class="scene-con" :class="{ showscene: showAll }">
			
 
				-      <vside
			
 
				-        @currentPano="
			
 
				-          (data) => {
			
 
				-            currentPano = data;
			
 
				-          }
			
 
				-        "
			
 
				-        v-show="!tourStatus && !isClear"
			
 
				-        :currentPanoid="currentPanoid"
			
 
				-      />
			
 
				-      <vmenu :currentPanoid="currentPanoid" v-show="!tourStatus && !isClear" :tourStatus="tourStatus" @opencp="handlecp" />
			
 
				-      <zhanxiang :currentPanoid="currentPanoid" v-show="!tourStatus && !isClear" :zxdata="zhanxiangData" :class="{zxshow:isShowZX}"/>
			
 
				+      <!-- <template v-if="!showViewMode&&!tourStatus"> -->
			
 
				+        <vside
			
 
				+          @currentPano="
			
 
				+            (data) => {
			
 
				+              currentPano = data;
			
 
				+            }
			
 
				+          "
			
 
				+          v-show="!tourStatus && !isClear"
			
 
				+          :currentPanoid="currentPanoid"
			
 
				+        />
			
 
				+        <vmenu :currentPanoid="currentPanoid" v-show="!tourStatus && !isClear" :tourStatus="tourStatus" @opencp="handlecp" />
			
 
				+        <zhanxiang :currentPanoid="currentPanoid" v-show="!tourStatus && !isClear" :zxdata="zhanxiangData" :class="{ zxshow: isShowZX }" />
			
 
				+
			
 
				+        <img v-if="isClear" @click.stop="clicktoClear" class="isClear" :src="require('@/assets/images/proj2022/pc/reset@2x.png')" alt="" />
			
 
				+      <!-- </template> -->
			
 
				+
			
 
				       <scene v-if="showScene" />
			
 
				     </div>
			
 
				-    
			
 
				 
			
 
				     <vhotspot v-if="hotspot" @close="hotspot = ''" :hotspot="hotspot" />
			
 
				     <vpopup v-if="showpopup && cp" v-clickoutside="handleoutside">
			
@@ -41,8 +45,6 @@ import popup from "./popup.vue";
 
				 import vsearch from "./search";
			
 
				 import zhanxiang from "./zhanxiang";
			
 
				 
			
 
				-
			
 
				-
			
 
				 import daka from "./components/daka.vue";
			
 
				 import content from "./components/content.vue";
			
 
				 import qrcode from "./components/qrcode.vue";
			
@@ -53,7 +55,6 @@ import vhotspot from "@/components/hotspot/index.vue";
 
				 import { region } from "@/data/raw.js";
			
 
				 import { Booth } from "@/data/booth.js";
			
 
				 
			
 
				-
			
 
				 let exitFullscreen = function() {
			
 
				   document.exitFullscreen
			
 
				     ? document.exitFullscreen()
			
@@ -100,7 +101,8 @@ export default {
 
				       hotspots: [],
			
 
				       hotspot: "",
			
 
				       currentTheme: "",
			
 
				-      isShowZX:true
			
 
				+      isShowZX: true,
			
 
				+      showViewMode: false,
			
 
				     };
			
 
				   },
			
 
				   computed: {
			
@@ -108,7 +110,7 @@ export default {
 
				       return this.themes.find((item) => item.id == this.theme);
			
 
				     },
			
 
				     zhanxiangData() {
			
 
				-      return Booth.find(item=>item.id==this.theme)
			
 
				+      return Booth.find((item) => item.id == this.theme);
			
 
				     },
			
 
				   },
			
 
				 
			
@@ -123,11 +125,11 @@ export default {
 
				         });
			
 
				       }
			
 
				     },
			
 
				-    cp(newVal){
			
 
				-      if(newVal){
			
 
				-        this.$bus.$emit('toggleShowZX',false)
			
 
				+    cp(newVal) {
			
 
				+      if (newVal) {
			
 
				+        this.$bus.$emit("toggleShowZX", false);
			
 
				       }
			
 
				-    }
			
 
				+    },
			
 
				   },
			
 
				 
			
 
				   mounted() {
			
@@ -137,9 +139,9 @@ export default {
 
				         this.isClear = data;
			
 
				       });
			
 
				 
			
 
				-      this.$bus.$on('toggleShowZX',data=>{
			
 
				-        this.isShowZX = data
			
 
				-      })
			
 
				+      this.$bus.$on("toggleShowZX", (data) => {
			
 
				+        this.isShowZX = data;
			
 
				+      });
			
 
				 
			
 
				       window.addEventListener("message", (res) => {
			
 
				         if (Object.prototype.toString.call(res.data) == "[object Object]") {
			
@@ -147,14 +149,24 @@ export default {
 
				           if (res.data.source === "showAll") {
			
 
				             this.showAll = true;
			
 
				             this.$hideLoading();
			
 
				-            document.querySelector('#ifr').contentWindow.postMessage(
			
 
				+            document.querySelector("#ifr").contentWindow.postMessage(
			
 
				               {
			
 
				                 source: "changeTheme",
			
 
				                 data: this.theme,
			
 
				               },
			
 
				               "*"
			
 
				             );
			
 
				-            
			
 
				+          }
			
 
				+
			
 
				+          if (res.data.source === "mode.changed") {
			
 
				+            console.log("mode.changed", data);
			
 
				+            if (data == "floorplan" || data == "birdview"|| data == "dollhouse") {
			
 
				+              this.showViewMode = true;
			
 
				+            } else if (data == "panorama") {
			
 
				+              this.showViewMode = false;
			
 
				+            } else if (data == "transitioning") {
			
 
				+              this.flying = true;
			
 
				+            }
			
 
				           }
			
 
				 
			
 
				           if (res.data.source === "onplayStatus") {
			
@@ -162,12 +174,6 @@ export default {
 
				             this.tourStatus = data.tourIsPlaying;
			
 
				           }
			
 
				 
			
 
				-          if (res.data.source === "input.start") {
			
 
				-            if (this.isClear) {
			
 
				-              this.isClear = false;
			
 
				-            }
			
 
				-          }
			
 
				-
			
 
				           if (res.data.source === "pano.chosen") {
			
 
				             console.log("pano.chosen");
			
 
				             window.g_lock = true;
			
@@ -198,7 +204,7 @@ export default {
 
				 
			
 
				           if (res.data.source === "openHotspot") {
			
 
				             this.hotspot = data;
			
 
				-            console.log(data,'openHotspot');
			
 
				+            console.log(data, "openHotspot");
			
 
				             this.$bus.$emit("isShowAside", false);
			
 
				           }
			
 
				         }
			
@@ -219,6 +225,16 @@ export default {
 
				     $(document).on("fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange");
			
 
				   },
			
 
				   methods: {
			
 
				+    clicktoClear() {
			
 
				+      this.isClear = false;
			
 
				+      document.querySelector("#ifr").contentWindow.postMessage(
			
 
				+        {
			
 
				+          source: "toggleClear",
			
 
				+          data: false,
			
 
				+        },
			
 
				+        "*"
			
 
				+      );
			
 
				+    },
			
 
				     handleFull() {
			
 
				       if (this.isFull) {
			
 
				         exitFullscreen();
			
@@ -234,7 +250,7 @@ export default {
 
				     handleoutside() {
			
 
				       this.cp = "";
			
 
				       this.showpopup = false;
			
 
				-      this.$bus.$emit('resetMenuActive')
			
 
				+      this.$bus.$emit("resetMenuActive");
			
 
				     },
			
 
				   },
			
 
				 };
			
@@ -264,6 +280,14 @@ export default {
 
				   .scene-con {
			
 
				     width: 100%;
			
 
				     height: 100%;
			
 
				+    .isClear {
			
 
				+      position: absolute;
			
 
				+      right: 20px;
			
 
				+      bottom: 20px;
			
 
				+      z-index: 99;
			
 
				+      width: 58px;
			
 
				+      cursor: pointer;
			
 
				+    }
			
 
				     .vright {
			
 
				       position: absolute;
			
 
				       right: 10px;
			
@@ -288,8 +312,9 @@ export default {
 
				         }
			
 
				       }
			
 
				     }
			
 
				-    .zxshow{
			
 
				+    .zxshow {
			
 
				       left: 0;
			
 
				+      opacity: 1;
			
 
				     }
			
 
				   }
			
 
				   .popcon {
			
--- a/src/pages/scene/menu.vue
+++ b/src/pages/scene/menu.vue
@@ -236,7 +236,7 @@ export default {
 
				   .smenu {
			
 
				     bottom: 22px;
			
 
				     right: 15px;
			
 
				-    position: absolute;
			
 
				+    position: fixed;
			
 
				     transition: 0.3s ease all;
			
 
				     > ul {
			
 
				       background-repeat: no-repeat;
			
--- a/src/pages/scene/raside/map.vue
+++ b/src/pages/scene/raside/map.vue
@@ -4,7 +4,7 @@
 
				       <div class="cadmap" >
			
 
				         <div class="cadtu" :style="{backgroundImage:`url(${require(`@/assets/images/proj2022/ditu.png`)})`}"></div>
			
 
				       </div>
			
 
				-      <ul>
			
 
				+      <ul :class="{ disabled: flying }">
			
 
				         <li @click="onclick(item)" v-for="(item, i) in list" :key="i">
			
 
				           <img :title="item.name" :src="require(`@/assets/images/proj2022/pc/${item.icon}.png`)" alt="" />
			
 
				           <span>{{ item.name }}</span>
			
@@ -13,7 +13,7 @@
 
				     </div>
			
 
				 
			
 
				     <div class="draw" @click="isShow = !isShow">
			
 
				-      <img :src="require(`@/assets/images/proj2022/pc/mapline_${themescene}.png`)" alt="" />
			
 
				+      <img class="draw_bg" :src="require(`@/assets/images/proj2022/pc/mapline_${themescene}.png`)" alt="" />
			
 
				       <img class="jiantou" :src="require(`@/assets/images/proj2022/pc/jiantou${!isShow ? 'l' : 'r'}.png`)" alt="" />
			
 
				     </div>
			
 
				   </div>
			
@@ -21,7 +21,7 @@
 
				 
			
 
				 <script>
			
 
				 export default {
			
 
				-  props: ["themescene"],
			
 
				+  props: ["themescene",'flying'],
			
 
				   data() {
			
 
				     return {
			
 
				       isShow: true,
			
@@ -49,7 +49,9 @@ export default {
 
				       if (item.id != "bird_view") {
			
 
				        window.player.director.changeMode(item.id);
			
 
				       } else {
			
 
				-        this.$showBirdView();
			
 
				+        this.$showBirdView({
			
 
				+          themescene:this.themescene
			
 
				+        });
			
 
				       }
			
 
				     },
			
 
				   },
			
@@ -94,7 +96,7 @@ export default {
 
				         height: 100%;
			
 
				         background-size: auto 116%;
			
 
				         background-repeat: no-repeat;
			
 
				-        background-position: -50% center;
			
 
				+        background-position: -9% center;
			
 
				       }
			
 
				     }
			
 
				     > ul {
			
@@ -121,6 +123,10 @@ export default {
 
				         }
			
 
				       }
			
 
				     }
			
 
				+    .disabled{
			
 
				+      opacity: 0.5;
			
 
				+      pointer-events: none;
			
 
				+    }
			
 
				   }
			
 
				 
			
 
				   .draw {
			
@@ -134,6 +140,8 @@ export default {
 
				     top: 0;
			
 
				     padding-left: 4px;
			
 
				     backdrop-filter: blur(7px) brightness(55%);
			
 
				+    text-align: left;
			
 
				+  
			
 
				     .jiantou {
			
 
				       position: absolute;
			
 
				       top: 50%;
			
--- a/src/pages/scene/raside/rmenu.vue
+++ b/src/pages/scene/raside/rmenu.vue
@@ -14,7 +14,7 @@
 
				 <script>
			
 
				 export default {
			
 
				   props: ["tourStatus"],
			
 
				-  
			
 
				+
			
 
				   data() {
			
 
				     let bgmAudio = new Audio();
			
 
				     bgmAudio.src = require(`@/assets/audio/bgm.mp3`);
			
@@ -65,7 +65,6 @@ export default {
 
				     },
			
 
				   },
			
 
				   mounted() {
			
 
				-
			
 
				     this.isBgm = true;
			
 
				     localStorage.setItem("g_bgmstatus", this.isBgm ? "open" : "close");
			
 
				 
			
@@ -96,6 +95,14 @@ export default {
 
				       }
			
 
				       if (item.id == "clear") {
			
 
				         this.$bus.$emit("toggleClear", true);
			
 
				+
			
 
				+        document.querySelector("#ifr").contentWindow.postMessage(
			
 
				+          {
			
 
				+            source: "toggleClear",
			
 
				+            data: true,
			
 
				+          },
			
 
				+          "*"
			
 
				+        );
			
 
				         return;
			
 
				       }
			
 
				 
			
--- a/src/pages/scene/scene.vue
+++ b/src/pages/scene/scene.vue
@@ -38,9 +38,6 @@ export default {
 
				       if (data.events == "flyToPano") {
			
 
				         let panoQuat = data.data.firstView.split("qua:")[1];
			
 
				         let [x, y, z, w] = panoQuat.split(",");
			
 
				-        console.log(x, y, z, w);
			
 
				-        console.log(new ifrWindow.THREE.Quaternion(x, y, z, w));
			
 
				-
			
 
				         ifrWindow.player.blackToPano({
			
 
				           pano: ifrWindow.player.model.panos.index[data.data.panoId],
			
 
				           quaternion: new ifrWindow.THREE.Quaternion(Number(x), Number(y), Number(z), Number(w)),
			
--- a/src/pages/scene/search/index.vue
+++ b/src/pages/scene/search/index.vue
@@ -1,7 +1,7 @@
 
				 <template>
			
 
				   <div class="vsearch">
			
 
				     <div class="vinput" @click.stop @keydown.stop @touchstart.stop>
			
 
				-      <input type="text" placeholder="请输入关键字…" v-model="key" />
			
 
				+      <input type="text" placeholder="请输入项目名称…" v-model="key" />
			
 
				       <img @click="$emit('close')" :src="require(`@/assets/images/proj2022/pc/cancel_btn.png`)" alt="" />
			
 
				     </div>
			
 
				     <div class="cpylist">
			
@@ -31,22 +31,24 @@
 
				 <script>
			
 
				 import { Booth } from "@/data/booth.js";
			
 
				 
			
 
				+let gregion = Booth.filter(item=>(item.id.indexOf('xuting')<=-1&&item.id.indexOf('weiting')<=-1))
			
 
				+
			
 
				 export default {
			
 
				   props: ["currentPanoid"],
			
 
				   data() {
			
 
				     // this.u_extend(arr, gregion);
			
 
				     return {
			
 
				       key: "",
			
 
				-      booth: Booth,
			
 
				+      booth: gregion,
			
 
				       formList: "",
			
 
				     };
			
 
				   },
			
 
				   computed: {
			
 
				     currentPano() {
			
 
				       if (this.formList) {
			
 
				-        return Booth.find((item) => item.id == this.formList.id) || {};
			
 
				+        return gregion.find((item) => item.id == this.formList.id) || {};
			
 
				       }
			
 
				-      return Booth.find((item) => item.panoId == this.currentPanoid) || {};
			
 
				+      return gregion.find((item) => item.panoId == this.currentPanoid) || {};
			
 
				     },
			
 
				   },
			
 
				   watch: {
			
@@ -58,7 +60,7 @@ export default {
 
				     key(newVal) {
			
 
				       let tmpbooth = [];
			
 
				       console.log(newVal);
			
 
				-      this.u_extend(tmpbooth, Booth);
			
 
				+      this.u_extend(tmpbooth, gregion);
			
 
				       if (!newVal) {
			
 
				         this.booth = tmpbooth;
			
 
				       } else {
			
--- a/src/pages/scene/zhanxiang/index.vue
+++ b/src/pages/scene/zhanxiang/index.vue
@@ -5,14 +5,16 @@
 
				     <div class="www" ref="bgsw" v-swiper:mySwiper="swiperOptions">
			
 
				       <ul class="swiper-wrapper">
			
 
				         <li
			
 
				-          class="swiper-slide"
			
 
				-          :class="{ biankuang: item.panoId == currentPanoid }"
			
 
				+          class="swiper-slide biankuang"
			
 
				+          :class="{ active: item.panoId == currentPanoid }"
			
 
				           :style="{ backgroundImage: `url(zhanxiang/images/${theme}/${item.img})` }"
			
 
				           v-for="(item, i) in zxdata.company"
			
 
				           @click="onClick(item)"
			
 
				           :key="i"
			
 
				         >
			
 
				-          <span >{{item.name}}</span>
			
 
				+          <div class="name">
			
 
				+            <span>{{ item.name }}</span>
			
 
				+          </div>
			
 
				           <i>{{ i + 1 }}</i>
			
 
				           <div class="mask"></div>
			
 
				         </li>
			
@@ -29,34 +31,34 @@ import { directive } from "vue-awesome-swiper";
 
				 import "swiper/css/swiper.css";
			
 
				 
			
 
				 export default {
			
 
				-  props:['zxdata','currentPanoid'],
			
 
				+  props: ["zxdata", "currentPanoid"],
			
 
				   methods: {
			
 
				-    nextsw(){
			
 
				+    nextsw() {
			
 
				       this.swiper.slideNext();
			
 
				     },
			
 
				-    back(){
			
 
				-      this.$bus.$emit('toggleShowZX',false)
			
 
				+    back() {
			
 
				+      this.$bus.$emit("toggleShowZX", false);
			
 
				+    },
			
 
				+    onClick(data) {
			
 
				+      this.$bus.$emit("ifrMessage", {
			
 
				+        events: "flyToPano",
			
 
				+        data: data,
			
 
				+      });
			
 
				     },
			
 
				-    onClick(data){
			
 
				-      this.$bus.$emit('ifrMessage',{
			
 
				-        events:'flyToPano',
			
 
				-        data:data
			
 
				-      })
			
 
				-    }
			
 
				   },
			
 
				   directives: {
			
 
				     swiper: directive,
			
 
				   },
			
 
				-  
			
 
				+
			
 
				   computed: {
			
 
				     swiper() {
			
 
				       return this.$refs.bgsw.swiper;
			
 
				     },
			
 
				     swiperOptions() {
			
 
				       return {
			
 
				-        slidesPerView: 'auto',
			
 
				+        slidesPerView: "auto",
			
 
				         spaceBetween: 10,
			
 
				-        freeMode: true
			
 
				+        freeMode: true,
			
 
				       };
			
 
				     },
			
 
				   },
			
@@ -71,13 +73,14 @@ export default {
 
				   z-index: 9999;
			
 
				   height: 164px;
			
 
				   width: 100%;
			
 
				+  opacity: 0;
			
 
				   background-size: 100% 100%;
			
 
				   background-repeat: no-repeat;
			
 
				   background-position-y: 6px;
			
 
				   display: flex;
			
 
				   justify-content: flex-end;
			
 
				   align-items: center;
			
 
				-  transition: .3s ease all;
			
 
				+  transition: 0.3s ease all;
			
 
				   pointer-events: none;
			
 
				   .back {
			
 
				     margin-right: 80px;
			
@@ -110,22 +113,37 @@ export default {
 
				           left: 0;
			
 
				           top: 0;
			
 
				           pointer-events: none;
			
 
				-          background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%);
			
 
				+          background: linear-gradient(0, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
			
 
				         }
			
 
				         &.biankuang {
			
 
				-          .mask {
			
 
				-            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
			
 
				+          &.active,
			
 
				+          &:hover {
			
 
				+            .mask {
			
 
				+              background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 50%, rgba(0, 0, 0, 0.34) 100%);
			
 
				+            }
			
 
				+            .name{
			
 
				+              span{
			
 
				+                color: rgba(255, 255, 255, 0.8);
			
 
				+              }
			
 
				+            }
			
 
				           }
			
 
				         }
			
 
				-        > span {
			
 
				+        .name {
			
 
				           position: absolute;
			
 
				           bottom: 3px;
			
 
				           left: 0;
			
 
				           width: 100%;
			
 
				           padding: 0 4px;
			
 
				-          text-align: justify;
			
 
				           z-index: 9;
			
 
				           box-sizing: border-box;
			
 
				+          height: 38px;
			
 
				+          color: rgba(255, 255, 255, 0.8);
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          span{
			
 
				+            display: inline-block;
			
 
				+            text-align: justify;
			
 
				+          }
			
 
				         }
			
 
				         i {
			
 
				           font-size: 12px;
			
--- a/src/pages/scenePage/index.vue
+++ b/src/pages/scenePage/index.vue
@@ -59,7 +59,7 @@
 
				       <v-other />
			
 
				     </div>
			
 
				 
			
 
				-    <vmap :themescene='themescene' />
			
 
				+    <vmap v-if="!toggleClear" :flying="flying" :themescene="themescene" />
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
@@ -77,6 +77,8 @@ import vError from "./views/gui/error";
 
				 import vrCon from "./views/gui/vrcon";
			
 
				 import vOther from "./views/gui/other";
			
 
				 import vmap from "../scene/raside/map.vue";
			
 
				+import vmbmap from "../mobilescene/map.vue";
			
 
				+import browser from "@/utils/browser";
			
 
				 
			
 
				 let tongjiurl = "https://shuangchuang-api.kczg.org.cn/Web/jt/";
			
 
				 
			
@@ -84,8 +86,10 @@ export default {
 
				   data() {
			
 
				     return {
			
 
				       hotspots: [],
			
 
				-      themescene:'xuting',
			
 
				+      themescene: "xuting",
			
 
				+      toggleClear: false,
			
 
				       isTour: false,
			
 
				+      flying: false,
			
 
				     };
			
 
				   },
			
 
				   components: {
			
@@ -101,7 +105,7 @@ export default {
 
				     vError,
			
 
				     vrCon,
			
 
				     vOther,
			
 
				-    vmap,
			
 
				+    vmap: browser.mobile ? vmbmap : vmap,
			
 
				   },
			
 
				   methods: {
			
 
				     tongji(event) {
			
@@ -149,6 +153,7 @@ export default {
 
				         );
			
 
				 
			
 
				         window.player.on("onplayStatus", (data) => {
			
 
				+          console.log(data.tourIsPlaying);
			
 
				           this.isTour = data.tourIsPlaying;
			
 
				 
			
 
				           window.parent.postMessage(
			
@@ -170,6 +175,24 @@ export default {
 
				           );
			
 
				         });
			
 
				 
			
 
				+        window.player.on("mode.changed", (...data) => {
			
 
				+          if (data[1] == "floorplan" || data[1] == "dollhouse") {
			
 
				+            this.flying = false;
			
 
				+          } else if (data[1] == "panorama") {
			
 
				+            this.flying = false;
			
 
				+          } else if (data[1] == "transitioning") {
			
 
				+            this.flying = true;
			
 
				+          }
			
 
				+
			
 
				+          window.parent.postMessage(
			
 
				+            {
			
 
				+              source: "mode.changed",
			
 
				+              data: data[1],
			
 
				+            },
			
 
				+            "*"
			
 
				+          );
			
 
				+        });
			
 
				+
			
 
				         window.player.on("pano.chosen", () => {
			
 
				           window.parent.postMessage(
			
 
				             {
			
@@ -237,8 +260,13 @@ export default {
 
				         if (Object.prototype.toString.call(res.data) == "[object Object]") {
			
 
				           let data = res.data.data;
			
 
				 
			
 
				+          if (res.data.source === "toggleClear") {
			
 
				+            this.toggleClear = data;
			
 
				+            // this.$store.dispatch("changeTheme", data.data);
			
 
				+          }
			
 
				+
			
 
				           if (res.data.source === "changeTheme") {
			
 
				-            this.themescene=data
			
 
				+            this.themescene = data;
			
 
				             // this.$store.dispatch("changeTheme", data.data);
			
 
				           }
			
 
				           if (res.data.source === "changeExhition") {
			
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -3,6 +3,12 @@ function getType(o) {
 
				   return ((_t = typeof o) == "object" ? (o == null && "null") || Object.prototype.toString.call(o).slice(8, -1) : _t).toLowerCase();
			
 
				 }
			
 
				 
			
 
				+function getDistance(p1, p2) {
			
 
				+  var x = p2.pageX - p1.pageX;
			
 
				+  var y = p2.pageY - p1.pageY;
			
 
				+  return Math.sqrt(x * x + y * y);
			
 
				+}
			
 
				+
			
 
				 module.exports = {
			
 
				   u_extend: function(destination, source) {
			
 
				     for (var p in source) {
			
@@ -39,4 +45,59 @@ module.exports = {
 
				     }
			
 
				     return arr[index]; // 返回最接近的数值
			
 
				   },
			
 
				+
			
 
				+  setGesture: function(el) {
			
 
				+    var RANGE = 0.1;
			
 
				+    var obj = {}; // 定义一个对象
			
 
				+    var istouch = false;
			
 
				+    var start = [];
			
 
				+    var lastScale = 1;
			
 
				+    el.addEventListener(
			
 
				+      "touchstart",
			
 
				+      function(e) {
			
 
				+        if (e.touches.length >= 2) {
			
 
				+          // 判断是否有两个点在屏幕上
			
 
				+          istouch = true;
			
 
				+          start = e.touches; // 得到第一组两个点
			
 
				+          obj.gesturestart && obj.gesturestart.call(el); // 执行gesturestart方法
			
 
				+        }
			
 
				+      },
			
 
				+      false
			
 
				+    );
			
 
				+    document.addEventListener(
			
 
				+      "touchmove",
			
 
				+      function(e) {
			
 
				+        if (e.touches.length >= 2 && istouch) {
			
 
				+          var now = e.touches; // 得到第二组两个点
			
 
				+
			
 
				+          var scale = getDistance(now[0], now[1]) / getDistance(start[0], start[1]); // 得到缩放比例，getDistance是勾股定理的一个方法
			
 
				+          var dec = 1;
			
 
				+          if (scale > lastScale) {
			
 
				+            dec = RANGE;
			
 
				+          } else {
			
 
				+            dec = -RANGE;
			
 
				+          }
			
 
				+          lastScale = scale;
			
 
				+          let data = {
			
 
				+            scale: scale,
			
 
				+            dec,
			
 
				+          };
			
 
				+          obj.gesturemove && obj.gesturemove.call(el, data); // 执行gesturemove方法
			
 
				+        }
			
 
				+      },
			
 
				+      { passive: false }
			
 
				+    );
			
 
				+    document.addEventListener(
			
 
				+      "touchend",
			
 
				+      function() {
			
 
				+        if (istouch) {
			
 
				+          istouch = false;
			
 
				+          obj.gestureend && obj.gestureend.call(el); // 执行gestureend方法
			
 
				+        }
			
 
				+      },
			
 
				+      false
			
 
				+    );
			
 
				+
			
 
				+    return obj;
			
 
				+  },
			
 
				 };