upup

scene - 副本/public/static/css/css/main.css

@@ -1870,7 +1870,7 @@ hr {
     }
 }
 
-@media only screen and (max-width: 487px), (max-height:450px) {
+@media only screen and (max-width: 487px), (max-height:450px),(orientation: portrait) {
     .vr-popup.desktop {
         width: 100%;
         height: 100%;
@@ -3095,7 +3095,7 @@ ul{
     font-size: 13px
 }
 
-@media only screen and (max-width: 487px), (max-height:487px) {
+@media only screen and (max-width: 487px), (max-height:487px),(orientation: portrait) {
     #terms-modal {
         z-index: 100;
         left: 0;
@@ -3222,7 +3222,7 @@ ul{
     height: auto
 }
 
-@media only screen and (max-width: 600px), (max-height:600px) {
+@media only screen and (max-width: 600px),(orientation: portrait), (max-height:600px) {
     #quick-logo img {
         width: 150px;
         height: auto
@@ -4340,7 +4340,7 @@ a.hasHover:hover, a:active {
     }
 }
 
-@media only screen and (max-width: 487px), (max-height:487px) {
+@media only screen and (max-width: 487px), (max-height:487px),(orientation: portrait) {
     #thumb-container .thumbImg img, .frame {
         height: 77px
     }
@@ -6198,7 +6198,7 @@ a.hasHover.tag-link:hover {
     display: none
 }
 
-@media only screen and (max-width: 487px), (max-height:360px) {
+@media only screen and (max-width: 487px), (max-height:360px),(orientation: portrait) {
     #share-modal {
         position: fixed;
         top: 0;
@@ -6955,7 +6955,7 @@ a.hasHover.tag-link:hover {
     background-color: rgba(0, 0, 0, 0.5);
 }
 
-@media only screen and (max-width: 1000px) {
+@media only screen and (max-width: 1000px),(orientation: portrait) {
     .progressbar {
         width: 60%;
     }
@@ -6989,7 +6989,7 @@ a.hasHover.tag-link:hover {
     }
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 600px),(orientation: portrait) {
     #gui-modes-map>div[rel]:hover, #play:hover {
         background: transparent;
     }

scene - 副本/public/static/css/css/oldVer/main0.css

@@ -151,8 +151,8 @@ iframe{
 }
 @media screen and  (max-width:667px){
 	#closepop{
-		width: 36px;
-		height: 36px;
+		width: 40px;
+		height: 40px;
 		top: 0px;
 		right: 0px;
 	}

scene - 副本/public/static/css/css/sceen2.css

@@ -1868,7 +1868,7 @@ hr {
   }
 }
 
-@media only screen and (max-width: 487px),(max-height:450px) {
+@media only screen and (max-width: 487px),(max-height:450px),(orientation: portrait) {
   .vr-popup.desktop {
       width:100%;
       height: 100%;
@@ -3034,7 +3034,7 @@ body,html {
   font-size: 13px
 }
 
-@media only screen and (max-width: 487px),(max-height:487px) {
+@media only screen and (max-width: 487px),(max-height:487px),(orientation: portrait) {
   #terms-modal {
       z-index:100;
       left: 0;
@@ -3161,7 +3161,7 @@ body,html {
   height: auto
 }
 
-@media only screen and (max-width: 600px),(max-height:600px) {
+@media only screen and (max-width: 600px),(orientation: portrait),(max-height:600px) {
   #quick-logo img {
       width:150px;
       height: auto
@@ -4261,7 +4261,7 @@ a.hasHover:hover,a:active {
   }
 }
 
-@media only screen and (max-width: 487px),(max-height:487px) {
+@media only screen and (max-width: 487px),(max-height:487px),(orientation: portrait) {
   #thumb-container .thumbImg img,.frame {
       height:77px
   }
@@ -6142,7 +6142,7 @@ a.hasHover.tag-link:hover {
   display: none
 }
 
-@media only screen and (max-width: 487px),(max-height:360px) {
+@media only screen and (max-width: 487px),(max-height:360px),(orientation: portrait) {
   #share-modal {
       position:fixed;
       top: 0;
@@ -6995,7 +6995,7 @@ background-size: 100% 100%;
       justify-content:center;
   }
 }
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 600px),(orientation: portrait) {
   /* #gui-modes-map >div[rel]:hover,#play:hover{ background:transparent;  } */
   .pinBottom.right .ui-icon{ margin-right: 5px; }
   .pinBottom.right,.pinBottom.left{bottom: 5px;}

scene - 副本/public/static/css/main.css

@@ -2175,7 +2175,7 @@ j .vr-popup.tinier.supported.landscape.details-page .inner {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:450px) {
+(max-height:450px),(orientation: portrait) {
     .vr-popup.desktop {
         width: 100%;
         height: 100%;
@@ -3535,7 +3535,7 @@ ul {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:487px) {
+(max-height:487px),(orientation: portrait) {
     #terms-modal {
         z-index: 100;
         left: 0;
@@ -3667,6 +3667,7 @@ ul {
 }
 
 @media only screen and (max-width: 600px),
+(orientation: portrait),
 (max-height:600px) {
     #quick-logo img {
         width: 150px;
@@ -4847,7 +4848,7 @@ a.tag-link {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:487px) {
+(max-height:487px),(orientation: portrait) {
     .frame {
         height: 107px;
         display: block;
@@ -6941,7 +6942,7 @@ a.hasHover.tag-link:hover {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:360px) {
+(max-height:360px),(orientation: portrait) {
     #share-modal {
         position: fixed;
         top: 0;
@@ -7754,7 +7755,7 @@ a.hasHover.tag-link:hover {
     background-color: rgba(0, 0, 0, 0.5);
 }
 
-@media only screen and (max-width: 1000px) {
+@media only screen and (max-width: 1000px),(orientation: portrait) {
     .progressbar {
         width: 60%;
     }
@@ -7797,7 +7798,7 @@ a.hasHover.tag-link:hover {
     }
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 600px),(orientation: portrait) {
 
     #gui-modes-map>div[rel]:hover,
     #play:hover {

scene - 副本/public/static/css/sceen2.css

@@ -2184,7 +2184,7 @@ j .vr-popup.tinier.supported.landscape.details-page .inner {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:450px) {
+(max-height:450px),(orientation: portrait) {
   .vr-popup.desktop {
     width: 100%;
     height: 100%;
@@ -3434,7 +3434,7 @@ html {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:487px) {
+(max-height:487px),(orientation: portrait) {
   #terms-modal {
     z-index: 100;
     left: 0;
@@ -3566,6 +3566,7 @@ html {
 }
 
 @media only screen and (max-width: 600px),
+(orientation: portrait),
 (max-height:600px) {
   #quick-logo img {
     width: 150px;
@@ -4777,7 +4778,7 @@ a.tag-link {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:487px) {
+(max-height:487px),(orientation: portrait) {
 
   #thumb-container .thumbImg img,
   .frame {
@@ -6773,7 +6774,7 @@ a.hasHover.tag-link:hover {
 }
 
 @media only screen and (max-width: 487px),
-(max-height:360px) {
+(max-height:360px),(orientation: portrait) {
   #share-modal {
     position: fixed;
     top: 0;
@@ -7747,7 +7748,7 @@ span.nav-icon-name {
   }
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 600px),(orientation: portrait) {
 
   /* #gui-modes-map >div[rel]:hover,#play:hover{ background:transparent;  } */
   .pinBottom.right .ui-icon {

scene - 副本/public/static/js/Hot.js

@@ -14,7 +14,7 @@ let playVideoMax = window.isEdit ? 3  :   browser.isMobile() ? 1 : 2;
 let playAniMax = window.isEdit ? 6 :   browser.isMobile() ? 3 : 5;
 
 if(number == 'SHANGJJ'){
-    playSyncGroup = ['okh1UR466371',  'LGmLHP2615503' ,  'VNyBI6614896'] //中,左,右 
+    playSyncGroup = [['okh1UR466371',  'LGmLHP2615503' ,  'VNyBI6614896']] //中,左,右 
     playVideoMax = 3
 }
 
@@ -1811,16 +1811,6 @@ window.initHot = function(model){
         var hots = hotGroup.children.filter(hot=>hot.info.actionType.openHot);
         hots = hots.sort((a,b)=>{return a.order - b.order});
 
-        hots = hots.map((item)=>{
-            return {
-                ...item,
-                info:{
-                    ...item.info,
-                    texSrc:item.info.texSrc.replace('https://super.4dage.com','')
-                }
-            }
-        })
-
         window.myHotList = hots
         window.hotData = true
 

scene - 副本/public/static/js/loadCAD.js

@@ -31,7 +31,7 @@ window.grendCAD = (function grendCAD() {
     let $name = document.createElement("div");
 
     $name.className = "name";
-    $name.textContent = "当前位置：元大都展";
+    $name.textContent = "";
     $layer.appendChild($name);
 
     $layer.className = "cad";
@@ -43,7 +43,7 @@ window.grendCAD = (function grendCAD() {
       .cad {
         position: absolute;
         right: 20px;
-        top: 20px;
+        top: 10%;
         width: 180px;
         height: 180px;
         background:  rgba(56,56,56,0.56);
@@ -66,13 +66,13 @@ window.grendCAD = (function grendCAD() {
 
      
 
-      @media only screen and (max-width: 1000px) { 
+      @media only screen and (max-width: 1000px),(orientation: portrait) { 
         .cad {
           position: absolute;
           left:auto;
           transform: translate(0, 0);
           right: 10px;
-          top: 10px;
+          top: 10%;
           width: 120px;
           height: 120px;
           background:  rgba(56,56,56,0.56);
@@ -156,7 +156,7 @@ $.ajax({
     if (!data.showCad) return;
 
     $.ajax({
-      url: "//super.4dage.com/data/" + window.number + "/floor.json",
+      url: g_Prefix + "data/" + window.number +  "/floor.json",
       method: "GET",
       success(res) {
         grendCAD(

scene - 副本/public/static/js/main_2020_show.js

@@ -17116,7 +17116,7 @@ window.Modernizr = function(n, e, t) {
                         if (cameraMode === a.MESH) return 
                                      
                         
-                        if(window.isLocal){
+                          if(window.isLocal){
                             src = manage.dealURL(src)
                             //本地文件莫名少了个"."
                             if(src[src.length-1]=='.'){
@@ -17584,18 +17584,6 @@ window.Modernizr = function(n, e, t) {
                     responseType: "json",
                     auth: this.isPublic ? null : f.authorizationHeader
                 }).done(function(e) {
-                     // 将data2.js中所有https的值本地化
-                     function replaceHttpsWithHttp(obj) {
-                        for (let key in obj) {
-                          if (typeof obj[key] === 'string') {
-                            obj[key] = obj[key].replace('https://super.4dage.com', '');
-                          } else if (typeof obj[key] === 'object') {
-                            replaceHttpsWithHttp(obj[key]);
-                          }
-                        }
-                        return obj;
-                      }
-                    e = replaceHttpsWithHttp(e)
                     window.data2 = e;
                     
                     this.roomLabels = []

scene - 副本/public/static/js/manage.js

@@ -2,11 +2,13 @@
 var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 // var g_Prefix="https://super.4dage.com/";
 // var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
-var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
+var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/scene")+1);
+
 var s = window.location.href.split('/');
     s.pop();
 //var g_Prefix = s.join('/');
 window.isLocal = true
+
 var g_index=null;
 var g_modeldata=null;
 
@@ -95,7 +97,7 @@ var settings = {
     hotFastTran:false,
     transparentBg: false,
     bgImg:  null,
-    localPrefix: '',
+    localPrefix: g_Prefix,
      
     tileClass:{//默认全景贴图加载的清晰度
         pc:{
@@ -908,7 +910,7 @@ Manage.prototype.dealURL = function(src, type){
         var index = src.indexOf(oldPrefix);
         if(index>-1){
             var wholeOldPrefix = src.slice(0, index+oldPrefix.length);
-            return src.replace(wholeOldPrefix, settings.localPrefix)
+            return src.replace(wholeOldPrefix, settings.localPrefix.replace('/scene'))
         }else console.error("没有找到合适的本地链接") 
         return src
     }else{

scene - 副本/public/static/js/myShow.js

@@ -1,6 +1,8 @@
 var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 // var g_Prefix="https://super.4dage.com/";
-var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
+// var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
+var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/scene")+1);
+
 var s = window.location.href.split('/');
 window.isLocal = true
 s.pop();

scene - 副本/src/assets/style/myBase.css

@@ -18,7 +18,7 @@
 }
 
 #thumb-container {
-  width: auto !important;
+  /* width: auto !important; */
 }
 
 #thumb-container .thumbImg .overlay {
@@ -71,7 +71,7 @@
   display: none !important;
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1000px),(orientation: portrait) {
   #drawer.open.noScroll {
     height: 118px !important;
   }
@@ -85,8 +85,8 @@
   }
 
   #closepop {
-    top: 4px;
-    right: 4px;
+    top: 10px;
+    right: 10px;
   }
 
   #gui .pinBottom.right {
@@ -97,7 +97,7 @@
   }
 
   #thumb-container {
-    width: 590px !important;
+    /* width: 590px !important; */
   }
 
 }

scene - 副本/src/assets/style/public.css

@@ -79,7 +79,7 @@ input:-ms-input-placeholder {
   height: 100%;
   margin-top: -20px;
 }
-@media only screen and (max-width: 487px), (max-height: 487px) {
+@media only screen and (max-width: 487px), (max-height: 487px),(orientation: portrait) {
   .cad {
     position: fixed;
     top: 38%;

scene - 副本/src/components/info/index.vue

@@ -37,10 +37,10 @@ export default {
     timeA = window.setInterval(() => {
       if (window.DATA) {
         clearInterval(timeA);
+        this.title = window.DATA.name;
+        this.disc = window.DATA.summary;
+        document.title = window.DATA.name;
       }
-      this.title = window.DATA.name;
-      this.disc = window.DATA.summary;
-      document.title = window.DATA.name;
     }, 100);
   },
   beforeCreate() { }, //生命周期 - 创建之前
@@ -54,7 +54,7 @@ export default {
 </script>
 <style lang="less" scoped>
 ::-webkit-scrollbar {
-    display: none
+  display: none
 }
 
 .info-box {
@@ -82,7 +82,7 @@ export default {
     cursor: pointer;
     border-radius: 15px 15px;
     padding: 10px;
-    
+
 
     img {
       width: 20px;
@@ -106,17 +106,17 @@ export default {
   }
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1000px),(orientation: portrait) {
   .info-box {
     // height: 58px;
-    width: 300px;
+    width: 70%;
     min-width: 0px;
 
 
     .disc-box {
       width: 100%;
       max-width: 90vw;
-      max-height: 80vh;
+      max-height: 60vh;
       overflow: auto;
     }
   }

scene - 副本/src/pages/Home.vue

@@ -170,14 +170,14 @@ export default {
       });
     });
   },
-  // async created() {
-  //   // 发送访问量
-  //   try {
-  //     await addVisitAPI();
-  //   } catch (e) {
-  //     console.log(e);
-  //   }
-  // },
+  async created() {
+    // 发送访问量
+    try {
+      await addVisitAPI();
+    } catch (e) {
+      console.log(e);
+    }
+  },
 };
 </script>
 

scene - 副本/src/views/gui/components/hotList.vue

@@ -127,7 +127,7 @@ export default {
     }
   }
 }
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1000px),(orientation: portrait) {
   .hotList {
     width: 100vw;
     height: 60%;

scene - 副本/src/views/gui/components/share.vue

@@ -7,8 +7,7 @@
     <div class="main" id="canvsBox" v-else>
       <!-- 数字 -->
       <div class="txt">
-        第&nbsp;&nbsp;<span>{{ num }}</span
-        >&nbsp;&nbsp;位参与者
+        第&nbsp;&nbsp;<span>{{ num }}</span>&nbsp;&nbsp;位参与者
       </div>
       <!-- 二维码 -->
       <div class="code">
@@ -16,12 +15,8 @@
       </div>
     </div>
     <!-- 加载中 -->
-    <div
-      class="logingBox"
-      v-loading="!isOk"
-      element-loading-text="生成海报中"
-      element-loading-background="rgba(0, 0, 0, 0.8)"
-    ></div>
+    <div class="logingBox" v-loading="!isOk" element-loading-text="生成海报中" element-loading-background="rgba(0, 0, 0, 0.8)">
+    </div>
     <div class="close" @click="$emit('close')">
       <img src="../../../assets/img/close.png" alt="" />
     </div>
@@ -73,14 +68,14 @@ export default {
       console.log(e);
     }
   },
-  mounted() {},
-  beforeCreate() {}, //生命周期 - 创建之前
-  beforeMount() {}, //生命周期 - 挂载之前
-  beforeUpdate() {}, //生命周期 - 更新之前
-  updated() {}, //生命周期 - 更新之后
-  beforeDestroy() {}, //生命周期 - 销毁之前
-  destroyed() {}, //生命周期 - 销毁完成
-  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+  mounted() { },
+  beforeCreate() { }, //生命周期 - 创建之前
+  beforeMount() { }, //生命周期 - 挂载之前
+  beforeUpdate() { }, //生命周期 - 更新之前
+  updated() { }, //生命周期 - 更新之后
+  beforeDestroy() { }, //生命周期 - 销毁之前
+  destroyed() { }, //生命周期 - 销毁完成
+  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
 <style lang='less' scoped>
@@ -91,15 +86,18 @@ export default {
   transform: translate(-50%, -50%);
   width: 542px;
   height: 820px;
+
   .imgBox {
     width: 100%;
     height: 100%;
     position: relative;
-    & > img {
+
+    &>img {
       width: 100%;
       height: 100%;
     }
-    & > p {
+
+    &>p {
       position: absolute;
       bottom: 10px;
       right: 34px;
@@ -109,6 +107,7 @@ export default {
       text-align: center;
     }
   }
+
   .logingBox {
     position: absolute;
     top: 0;
@@ -117,33 +116,39 @@ export default {
     height: 100%;
     z-index: 99;
   }
+
   .main {
     width: 100%;
     height: 100%;
     background-image: url("../../../assets/img/open/bg-share.jpg");
     background-size: 100% 100%;
     position: relative;
+
     .txt {
       position: absolute;
       bottom: 185px;
       right: 30px;
       color: #d6b970;
-      & > span {
+
+      &>span {
         font-size: 36px;
         font-weight: 700;
       }
     }
+
     .code {
       position: absolute;
       bottom: 60px;
       right: 34px;
       width: 80px;
-      & > img {
+
+      &>img {
         border-radius: 6px;
         width: 80px;
       }
     }
   }
+
   .close {
     z-index: 99;
     position: absolute;
@@ -152,14 +157,17 @@ export default {
     cursor: pointer;
   }
 }
+
 // 移动端
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1000px),
+(orientation: portrait) {
   .share {
     max-width: 500px;
     width: 90%;
     height: 90%;
+
     .imgBox {
-      & > p {
+      &>p {
         font-size: 12px;
         bottom: 10px;
         width: 120px;
@@ -167,6 +175,7 @@ export default {
         text-align: right;
       }
     }
+
     .main {
       // background-image: url("../../../assets/img/open/bg-shareM.jpg");
       // background-size: 100% 100%;
@@ -174,19 +183,23 @@ export default {
       .txt {
         bottom: 24%;
         right: 14px;
-        & > span {
+
+        &>span {
           font-size: 24px;
         }
       }
+
       .code {
         width: 84px;
         bottom: 30px;
         right: 14px;
-        & > img {
+
+        &>img {
           width: 84px;
         }
       }
     }
+
     .close {
       position: absolute;
       right: -14px;
@@ -195,16 +208,17 @@ export default {
     }
   }
 }
+
 @media screen and (max-width: 370px) {
   .share {
     .main {
       .txt {
         font-size: 12px;
-        & > span {
+
+        &>span {
           font-size: 18px;
         }
       }
     }
   }
-}
-</style>
+}</style>

scene - 副本/src/views/gui/menu.vue

@@ -28,7 +28,7 @@
             <a>
               <img rel="tooltip" title="" :src="require('@/assets/images/icon/pause.png')" width="24" height="24"
                 data-original-title="暂停" />
-              <div class="btmText" :style="{ marginLeft: screenWidth < 700 ? '0px' : '-12px' }">自动漫游</div>
+              <div class="btmText" :style="{ marginLeft: screenWidth < 1280 ? '0px' : '-12px' }">自动漫游</div>
             </a>
           </div>
           <div id="next" class="next desktop-only ui-icon wide" style="display: none">
@@ -206,6 +206,10 @@ export default {
     }
     window.initCamera = this.initCamera
 
+    window.savePano = this.savePano
+
+    window.initCameraByPano = this.initCameraByPano
+
     window.closeHotListIcon = function () {
       _this.isOpenHotList = false
       console.log('外部点击关闭')
@@ -214,7 +218,8 @@ export default {
     let timeA = -1;
 
     timeA = window.setInterval(() => {
-      if (window.hotData) {
+      if (window.myHotList.length > 0) {
+        console.log('热点数据准备完毕')
         clearInterval(timeA);
         if (window.parent && window.parent.window.handleRobot) {
           window.parent.window.handleRobot('greeting')
@@ -255,30 +260,66 @@ export default {
         window.parent.window.openPricePageFu()
       }
     },
-    // 跳转到制定热点
+    // 跳转到指定热点
     initCamera(locId) {
-      const current = window.myHotList.find((item) => {
-        return item.info.sid == locId;
-      });
-      const c =
-        current.closestPanoTowardTag(
-          window.player.mode,
-          window.player.currentPano
-        ) || window.player.currentPano;
+      setTimeout(() => {
+        const current = window.myHotList.find((item) => {
+          return item.info.sid == locId;
+        });
+        const c =
+          current.closestPanoTowardTag(
+            window.player.mode,
+            window.player.currentPano
+          ) || window.player.currentPano;
+
+        setTimeout(() => {
+          window.player.flyToPano({
+            // 移动到点位
+            pano: c,
+            // 移动视角
+            quaternion: new window.THREE.Quaternion(
+              current.quaternion.x,
+              current.quaternion.y,
+              current.quaternion.z,
+              current.quaternion.w
+            ),
+          });
+        }, 100);
+      }, 500)
+    },
 
+    // 根据点位信息初始化镜头（游戏返回后回到之前点位）
+    initCameraByPano(locId) {
       setTimeout(() => {
         window.player.flyToPano({
           // 移动到点位
-          pano: c,
+          pano: window.player.model.panos.index[locId.id],
           // 移动视角
           quaternion: new window.THREE.Quaternion(
-            current.quaternion.x,
-            current.quaternion.y,
-            current.quaternion.z,
-            current.quaternion.w
+            locId.x,
+            locId.y,
+            locId.z,
+            locId.w
           ),
         });
-      });
+
+        setTimeout(() => {
+          localStorage.removeItem('currentPano')
+        }, 1000)
+      }, 1000)
+
+    },
+    // 跳转游戏页面之前保存当前点位信息在本地缓存中
+    savePano() {
+      console.log('跳转前保存当前点位信息在缓存中', window.player.currentPano, window.player.quaternion)
+      // localStorage.setItem('currentPano', JSON.stringify({
+      //   id: window.player.currentPano.id,
+      //   x: window.player.quaternion._x,
+      //   y: window.player.quaternion._y,
+      //   z: window.player.quaternion._x,
+      //   w: window.player.quaternion._w,
+      // }))
+      localStorage.setItem('currentPanoPath', `&firstView=pano:${window.player.currentPano.id},qua:${window.player.quaternion._x},${window.player.quaternion._y},${window.player.quaternion._z},${window.player.quaternion._w}&qs=1`)
     },
     hotListChange() {
       if (window.parent.window.hotListShowChangeFu) {
@@ -474,7 +515,8 @@ export default {
   >div {
     margin-right: @margin;
 
-    @media screen and (max-width: 700px) {
+    @media screen and (max-width: 700px),
+    (orientation: portrait) {
       margin-bottom: @margin;
     }
 
@@ -541,7 +583,8 @@ export default {
   display: flex;
   justify-content: center;
 
-  @media screen and (max-width: 700px) {
+  @media screen and (max-width: 700px),
+  (orientation: portrait) {
     width: 50px;
   }
 
@@ -549,7 +592,8 @@ export default {
     width: @wh;
     margin-bottom: 5px;
 
-    @media screen and (max-width: 700px) {
+    @media screen and (max-width: 700px),
+    (orientation: portrait) {
       margin-bottom: 10px !important;
     }
   }
@@ -562,7 +606,9 @@ export default {
 }
 
 .toHomeBox2 {
-  @media screen and (max-width: 700px) {
+
+  @media screen and (max-width: 700px),
+  (orientation: portrait) {
     margin: 10px 0;
   }
 }
@@ -599,7 +645,8 @@ export default {
 }
 
 // 移动端
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1000px),
+(orientation: portrait) {
   .hoverTit {
     opacity: 0 !important;
   }